diff --git a/404.html b/404.html
index f7d8f624d6..eea390088c 100644
--- a/404.html
+++ b/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="./images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="./css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696161527" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696161527" rel="stylesheet">
-    <link href="./css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696161527" rel="stylesheet">
-    <script src="./js/url.js?1696161527"></script>
-    <script src="./js/variant.js?1696161527"></script>
+    <link href="./css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="./css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696187264" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696187264" rel="stylesheet">
+    <link href="./css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696187264" rel="stylesheet">
+    <script src="./js/url.js?1696187264"></script>
+    <script src="./js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 3445839ee8..3aafa6e25d 100644
--- a/basics/changelog/index.html
+++ b/basics/changelog/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2139,12 +2139,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2301,13 +2301,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 574d0d256f..b52fb65169 100644
--- a/basics/changelog/index.print.html
+++ b/basics/changelog/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,8 +75,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 02746cf26a..ffef0b8fa7 100644
--- a/basics/configuration/index.html
+++ b/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -262,8 +262,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39e03c4f74dafedb870584bd9ce108b7" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39e03c4f74dafedb870584bd9ce108b7"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -308,8 +308,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-4459bae7aa3da5ee5f94628fb7e1a67a" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4459bae7aa3da5ee5f94628fb7e1a67a"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-05168c233a41370ac4d1e85b49427303" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-05168c233a41370ac4d1e85b49427303"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -400,12 +400,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -562,13 +562,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 545de126f9..dd52246bae 100644
--- a/basics/configuration/index.print.html
+++ b/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/configuration/index.html" rel="canonical" type="text/html" title="Configuration :: Hugo Relearn Theme">
     <link href="../../basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configuration :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,8 +199,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39e03c4f74dafedb870584bd9ce108b7" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39e03c4f74dafedb870584bd9ce108b7"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -245,8 +245,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-4459bae7aa3da5ee5f94628fb7e1a67a" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4459bae7aa3da5ee5f94628fb7e1a67a"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-05168c233a41370ac4d1e85b49427303" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-05168c233a41370ac4d1e85b49427303"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -256,8 +256,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index e9d61beaaa..87b5c24a81 100644
--- a/basics/customization/index.html
+++ b/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.print.html" rel="alternate" type="text/html" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -322,12 +322,12 @@ If you have requirements to support IE and/or older browser versions, use one of
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -484,13 +484,13 @@ If you have requirements to support IE and/or older browser versions, use one of
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index d5712f6d06..8ca198f925 100644
--- a/basics/customization/index.print.html
+++ b/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/customization/index.html" rel="canonical" type="text/html" title="Customization :: Hugo Relearn Theme">
     <link href="../../basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +186,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?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 3f712e739c..df4871b276 100644
--- a/basics/generator/index.html
+++ b/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +124,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-def523ff47853b8ef177536308f31702" aria-controls="R-expandcontent-def523ff47853b8ef177536308f31702" >
-    <label class="expand-label" for="R-expand-def523ff47853b8ef177536308f31702" >
+    <input type="checkbox" id="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" aria-controls="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" >
+    <label class="expand-label" for="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-def523ff47853b8ef177536308f31702" class="expand-content">
+    <div id="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" 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>
@@ -265,12 +265,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -427,27 +427,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161527" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161527" defer></script>
-    <script src="../../js/mermaid.min.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187265" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187265" defer></script>
+    <script src="../../js/mermaid.min.js?1696187265" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 2169aac8d3..8aa5dc4f9c 100644
--- a/basics/generator/index.print.html
+++ b/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
     <link href="../../basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-def523ff47853b8ef177536308f31702" aria-controls="R-expandcontent-def523ff47853b8ef177536308f31702" >
-    <label class="expand-label" for="R-expand-def523ff47853b8ef177536308f31702" >
+    <input type="checkbox" id="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" aria-controls="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" >
+    <label class="expand-label" for="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-def523ff47853b8ef177536308f31702" class="expand-content">
+    <div id="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" 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>
@@ -145,22 +145,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161528" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161528" defer></script>
-    <script src="../../js/mermaid.min.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187266" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187266" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187266" defer></script>
+    <script src="../../js/mermaid.min.js?1696187266" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 82b5a97638..21fd6b08e2 100644
--- a/basics/history/index.html
+++ b/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.print.html" rel="alternate" type="text/html" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2146,12 +2146,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2308,13 +2308,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 4c3dc6f22a..2e30234247 100644
--- a/basics/history/index.print.html
+++ b/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/history/index.html" rel="canonical" type="text/html" title="History :: Hugo Relearn Theme">
     <link href="../../basics/history/index.xml" rel="alternate" type="application/rss+xml" title="History :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1342,8 +1342,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index e72cd35593..e360a3d0c8 100644
--- a/basics/index.html
+++ b/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -374,13 +374,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index ca928e98b2..03bca27ac9 100644
--- a/basics/index.print.html
+++ b/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/index.html" rel="canonical" type="text/html" title="Basics :: Hugo Relearn Theme">
     <link href="../basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../js/url.js?1696187265"></script>
+    <script src="../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -877,8 +877,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-4dc646d65339aeac3c61e03e73cf236d" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dc646d65339aeac3c61e03e73cf236d"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -921,8 +921,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-fdcf3fc8c3f5a8762a4da48b173739cc" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fdcf3fc8c3f5a8762a4da48b173739cc"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d8614775a98427ed0a3381d3534e3609" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d8614775a98427ed0a3381d3534e3609"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1078,8 +1078,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39e03c4f74dafedb870584bd9ce108b7" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39e03c4f74dafedb870584bd9ce108b7"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1124,8 +1124,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-4459bae7aa3da5ee5f94628fb7e1a67a" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4459bae7aa3da5ee5f94628fb7e1a67a"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-05168c233a41370ac4d1e85b49427303" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-05168c233a41370ac4d1e85b49427303"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1246,13 +1246,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="R-expand-def523ff47853b8ef177536308f31702" aria-controls="R-expandcontent-def523ff47853b8ef177536308f31702" >
-    <label class="expand-label" for="R-expand-def523ff47853b8ef177536308f31702" >
+    <input type="checkbox" id="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" aria-controls="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" >
+    <label class="expand-label" for="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-def523ff47853b8ef177536308f31702" class="expand-content">
+    <div id="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" 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>
@@ -1309,8 +1309,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-dd3e1c0198e10d5e89b61dff35bb342f" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd3e1c0198e10d5e89b61dff35bb342f"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b984b0ddb1f97c746d78dfa8f19b106f" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b984b0ddb1f97c746d78dfa8f19b106f"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1322,8 +1322,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-ce2c55b995e543e3ebc92e32b1c1ec41" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2c55b995e543e3ebc92e32b1c1ec41"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5fd080f36736373b1742c495eede8736" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5fd080f36736373b1742c495eede8736"><img src="../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -2905,22 +2905,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-color.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696161528" defer></script>
-    <script src="../js/js-yaml.min.js?1696161528" defer></script>
-    <script src="../js/mermaid.min.js?1696161528" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-color.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696187265" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696187265" defer></script>
+    <script src="../js/js-yaml.min.js?1696187265" defer></script>
+    <script src="../js/mermaid.min.js?1696187265" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1696161528" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 4f80fcceda..c148e7d378 100644
--- a/basics/installation/index.html
+++ b/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.print.html" rel="alternate" type="text/html" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,8 +165,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-fdcf3fc8c3f5a8762a4da48b173739cc" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fdcf3fc8c3f5a8762a4da48b173739cc"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d8614775a98427ed0a3381d3534e3609" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d8614775a98427ed0a3381d3534e3609"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -446,13 +446,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index e5e698c558..b9291f07cf 100644
--- a/basics/installation/index.print.html
+++ b/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/installation/index.html" rel="canonical" type="text/html" title="Installation :: Hugo Relearn Theme">
     <link href="../../basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +111,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-fdcf3fc8c3f5a8762a4da48b173739cc" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fdcf3fc8c3f5a8762a4da48b173739cc"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d8614775a98427ed0a3381d3534e3609" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d8614775a98427ed0a3381d3534e3609"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -149,8 +149,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 51cb88401b..903426f2ff 100644
--- a/basics/migration/index.html
+++ b/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1027,12 +1027,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1189,13 +1189,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 7d20e79564..cf0dfb3ad5 100644
--- a/basics/migration/index.print.html
+++ b/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Hugo Relearn Theme">
     <link href="../../basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -859,8 +859,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index a8e4d86a93..e6a41d30fd 100644
--- a/basics/requirements/index.html
+++ b/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,8 +114,8 @@
 
 <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="#R-image-4dc646d65339aeac3c61e03e73cf236d" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dc646d65339aeac3c61e03e73cf236d"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -208,12 +208,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -370,13 +370,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index e688980d56..a095e3e46c 100644
--- a/basics/requirements/index.print.html
+++ b/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirements :: Hugo Relearn Theme">
     <link href="../../basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirements :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
 
 <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="#R-image-4dc646d65339aeac3c61e03e73cf236d" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dc646d65339aeac3c61e03e73cf236d"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 04dbd0db7b..bff50bc577 100644
--- a/basics/topbar/index.html
+++ b/basics/topbar/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +143,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-dd3e1c0198e10d5e89b61dff35bb342f" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd3e1c0198e10d5e89b61dff35bb342f"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b984b0ddb1f97c746d78dfa8f19b106f" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b984b0ddb1f97c746d78dfa8f19b106f"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -156,8 +156,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-ce2c55b995e543e3ebc92e32b1c1ec41" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2c55b995e543e3ebc92e32b1c1ec41"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5fd080f36736373b1742c495eede8736" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5fd080f36736373b1742c495eede8736"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -557,12 +557,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -719,13 +719,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index 4167d1d77f..64f38c6640 100644
--- a/basics/topbar/index.print.html
+++ b/basics/topbar/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbar Modification :: Hugo Relearn Theme">
     <link href="../../basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbar Modification :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-dd3e1c0198e10d5e89b61dff35bb342f" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd3e1c0198e10d5e89b61dff35bb342f"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b984b0ddb1f97c746d78dfa8f19b106f" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b984b0ddb1f97c746d78dfa8f19b106f"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -96,8 +96,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-ce2c55b995e543e3ebc92e32b1c1ec41" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2c55b995e543e3ebc92e32b1c1ec41"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5fd080f36736373b1742c495eede8736" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5fd080f36736373b1742c495eede8736"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -416,8 +416,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 500745dd1a..85c57a0c7a 100644
--- a/categories/basic/index.html
+++ b/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index b0aeb9fb57..5c25a22450 100644
--- a/categories/content/index.html
+++ b/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index d4356874db..26caa5114c 100644
--- a/categories/custom/index.html
+++ b/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 71f2e7e95c..f8b0ec4cfa 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../categories/index.xml" rel="alternate" type="application/rss+xml" title="Categories :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 91736d068e..4d4ca1d426 100644
--- a/categories/taxonomy/index.html
+++ b/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 9f9404d3fd..e05c618191 100644
--- a/categories/theming/index.html
+++ b/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Category :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index e0ed6f5c66..816ca2da9f 100644
--- a/cont/archetypes/index.html
+++ b/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +143,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-41989b65135c2461ecae54a2213315a1" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41989b65135c2461ecae54a2213315a1"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-935853ef2fe0d86d5fb74f6dce2e9111" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-935853ef2fe0d86d5fb74f6dce2e9111"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -154,8 +154,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-fcb676f6e493f9166025da951be8bf66" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcb676f6e493f9166025da951be8bf66"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2fd7dd740e8286957deb0a6cc54aa334" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2fd7dd740e8286957deb0a6cc54aa334"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -167,8 +167,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4a6554fda9a4cb88cf7030c2741cf5a7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a6554fda9a4cb88cf7030c2741cf5a7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e7d0f9387da17ab05ed8a646d0de216" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e7d0f9387da17ab05ed8a646d0de216"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -301,12 +301,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -463,13 +463,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 2a6e3eb8f7..540a0a10d5 100644
--- a/cont/archetypes/index.print.html
+++ b/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/archetypes/index.html" rel="canonical" type="text/html" title="Archetypes :: Hugo Relearn Theme">
     <link href="../../cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Archetypes :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,8 +87,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-41989b65135c2461ecae54a2213315a1" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41989b65135c2461ecae54a2213315a1"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-935853ef2fe0d86d5fb74f6dce2e9111" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-935853ef2fe0d86d5fb74f6dce2e9111"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -98,8 +98,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-fcb676f6e493f9166025da951be8bf66" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcb676f6e493f9166025da951be8bf66"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2fd7dd740e8286957deb0a6cc54aa334" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2fd7dd740e8286957deb0a6cc54aa334"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -111,8 +111,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4a6554fda9a4cb88cf7030c2741cf5a7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a6554fda9a4cb88cf7030c2741cf5a7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e7d0f9387da17ab05ed8a646d0de216" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e7d0f9387da17ab05ed8a646d0de216"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -164,8 +164,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 4d17a19157..9af3be55e6 100644
--- a/cont/i18n/index.html
+++ b/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,8 +140,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-e5b4c1d485a71391140fc639b5df6b9f" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e5b4c1d485a71391140fc639b5df6b9f"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-27220bed638f3d5937b288abc44201a2" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-27220bed638f3d5937b288abc44201a2"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -322,12 +322,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -484,13 +484,13 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index cf2878ce00..08214e71e5 100644
--- a/cont/i18n/index.print.html
+++ b/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual and i18n :: Hugo Relearn Theme">
     <link href="../../cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual and i18n :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +89,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-e5b4c1d485a71391140fc639b5df6b9f" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e5b4c1d485a71391140fc639b5df6b9f"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-27220bed638f3d5937b288abc44201a2" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-27220bed638f3d5937b288abc44201a2"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -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?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index 82c6923f9b..d98d999729 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,18 +133,15 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c5aa6c294eca4e3508297ede7b739541">
+<div class="tab-panel" data-tab-group="c143f52cfa078a0f9399e88012328862">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c5aa6c294eca4e3508297ede7b739541','configtoml')"
+      onclick="switchTab('c143f52cfa078a0f9399e88012328862','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -163,18 +160,15 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="effeafadfd5122cdf973388e448d02f8">
+<div class="tab-panel" data-tab-group="d9f607abf26155e167f71b6b0dc491c8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('effeafadfd5122cdf973388e448d02f8','frontmatter')"
+      onclick="switchTab('d9f607abf26155e167f71b6b0dc491c8','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -192,18 +186,15 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="713d24c66f34175582192af9728c2d6e">
+<div class="tab-panel" data-tab-group="f630ade7e7176766d0a47174c184906d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('713d24c66f34175582192af9728c2d6e','url')"
+      onclick="switchTab('f630ade7e7176766d0a47174c184906d','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -218,18 +209,15 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="bc08b3d31c8e090b17d67f84edf06cb6">
+<div class="tab-panel" data-tab-group="0d0cc529e18441bc350e18dd85368b85">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bc08b3d31c8e090b17d67f84edf06cb6','result')"
+      onclick="switchTab('0d0cc529e18441bc350e18dd85368b85','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -247,18 +235,15 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="ba804c98cdb423357b38b288c4c4dd67">
+<div class="tab-panel" data-tab-group="b47afde49a0b9b4b2e9592c09e69f186">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ba804c98cdb423357b38b288c4c4dd67','html')"
+      onclick="switchTab('b47afde49a0b9b4b2e9592c09e69f186','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -370,12 +355,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -532,13 +517,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 13eb8a37ad..93f4cb1139 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +89,15 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c5aa6c294eca4e3508297ede7b739541">
+<div class="tab-panel" data-tab-group="c143f52cfa078a0f9399e88012328862">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c5aa6c294eca4e3508297ede7b739541','configtoml')"
+      onclick="switchTab('c143f52cfa078a0f9399e88012328862','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -119,18 +116,15 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="effeafadfd5122cdf973388e448d02f8">
+<div class="tab-panel" data-tab-group="d9f607abf26155e167f71b6b0dc491c8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('effeafadfd5122cdf973388e448d02f8','frontmatter')"
+      onclick="switchTab('d9f607abf26155e167f71b6b0dc491c8','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -148,18 +142,15 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="713d24c66f34175582192af9728c2d6e">
+<div class="tab-panel" data-tab-group="f630ade7e7176766d0a47174c184906d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('713d24c66f34175582192af9728c2d6e','url')"
+      onclick="switchTab('f630ade7e7176766d0a47174c184906d','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -174,18 +165,15 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="bc08b3d31c8e090b17d67f84edf06cb6">
+<div class="tab-panel" data-tab-group="0d0cc529e18441bc350e18dd85368b85">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bc08b3d31c8e090b17d67f84edf06cb6','result')"
+      onclick="switchTab('0d0cc529e18441bc350e18dd85368b85','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -203,18 +191,15 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="ba804c98cdb423357b38b288c4c4dd67">
+<div class="tab-panel" data-tab-group="b47afde49a0b9b4b2e9592c09e69f186">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ba804c98cdb423357b38b288c4c4dd67','html')"
+      onclick="switchTab('b47afde49a0b9b4b2e9592c09e69f186','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -245,8 +230,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 76871c919e..719272bd7b 100644
--- a/cont/index.html
+++ b/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.print.html" rel="alternate" type="text/html" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -374,13 +374,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 7da4c26f98..70e053db42 100644
--- a/cont/index.print.html
+++ b/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/index.html" rel="canonical" type="text/html" title="Content :: Hugo Relearn Theme">
     <link href="../cont/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../js/url.js?1696187265"></script>
+    <script src="../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +172,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7b17dd008a1e705d176eadbab2467677" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b17dd008a1e705d176eadbab2467677"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-40fe58896c989a37d2b5fe3b22316755" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-40fe58896c989a37d2b5fe3b22316755"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -222,8 +222,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-41989b65135c2461ecae54a2213315a1" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41989b65135c2461ecae54a2213315a1"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-935853ef2fe0d86d5fb74f6dce2e9111" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-935853ef2fe0d86d5fb74f6dce2e9111"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -233,8 +233,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-fcb676f6e493f9166025da951be8bf66" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcb676f6e493f9166025da951be8bf66"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2fd7dd740e8286957deb0a6cc54aa334" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2fd7dd740e8286957deb0a6cc54aa334"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -246,8 +246,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4a6554fda9a4cb88cf7030c2741cf5a7" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a6554fda9a4cb88cf7030c2741cf5a7"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e7d0f9387da17ab05ed8a646d0de216" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e7d0f9387da17ab05ed8a646d0de216"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -818,8 +818,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cc705ad28b9136ac62ef95288d4a620b" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc705ad28b9136ac62ef95288d4a620b"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e66d01ff1ba73dfe607214e6b8d9dd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e66d01ff1ba73dfe607214e6b8d9dd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -829,8 +829,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f4fda412dd78eb5651cd363cbdad1482" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f4fda412dd78eb5651cd363cbdad1482"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -842,8 +842,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b74457bfe8c181178e92ecbc5e06f5ee" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b74457bfe8c181178e92ecbc5e06f5ee"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-58c63ea45bd7221e56900934df09901f" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-58c63ea45bd7221e56900934df09901f"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -855,8 +855,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c998adc44a5c35a63c956038ef4e8e26" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c998adc44a5c35a63c956038ef4e8e26"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39b90c8f0001a521baf002f7d919801b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39b90c8f0001a521baf002f7d919801b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -864,8 +864,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-25acf119feb3a71a32a62786c8e9f088" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-25acf119feb3a71a32a62786c8e9f088"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8a794f903bca6c44908faadb7041dbe9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8a794f903bca6c44908faadb7041dbe9"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -873,8 +873,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-38d7feafd74c2427b935c24d9f1a5cb9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38d7feafd74c2427b935c24d9f1a5cb9"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cf1f8f6352a80f51a6862c425ffbb24c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf1f8f6352a80f51a6862c425ffbb24c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -885,8 +885,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-600917a1ba8dd5efc89767a4fd8d3eeb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-600917a1ba8dd5efc89767a4fd8d3eeb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-e8b3232b1fc9306b4cda1eae4411f72b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8b3232b1fc9306b4cda1eae4411f72b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -895,8 +895,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d59e5a04393eae13cdbddcb1ecc83099" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d59e5a04393eae13cdbddcb1ecc83099"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4927a380fb5ad561bbe70f0b9b3d62a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4927a380fb5ad561bbe70f0b9b3d62a7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -905,8 +905,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-99b19662fe42529405e782cbb3b02b4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-99b19662fe42529405e782cbb3b02b4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-76508fc539c690fe4db60e913709c8bc" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-76508fc539c690fe4db60e913709c8bc"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -915,8 +915,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-858cbe17c570173b8ffe9dd94790d538" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-858cbe17c570173b8ffe9dd94790d538"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2839ab231464e03d1f959a7a1bbdbff5" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2839ab231464e03d1f959a7a1bbdbff5"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -928,14 +928,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27ffa65051520a061613352f3acd21de" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27ffa65051520a061613352f3acd21de"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-cc707b3307c265f41276b180c06a4a68" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc707b3307c265f41276b180c06a4a68"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-41a161735dbb4cdee7a4a04aebe229d6" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41a161735dbb4cdee7a4a04aebe229d6"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-173846a69dcd5f79e4662dff46767660" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-173846a69dcd5f79e4662dff46767660"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-eb6f98db1d332b8eec66907322e3a1a2" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6f98db1d332b8eec66907322e3a1a2"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-41b6d776634117f8686edc2d7251da3c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b6d776634117f8686edc2d7251da3c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -944,8 +944,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4439a66fa8dd7c8031110af62499888e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4439a66fa8dd7c8031110af62499888e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-17914930eb1724a8065bd4d0466b7309" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17914930eb1724a8065bd4d0466b7309"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -985,18 +985,15 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c5aa6c294eca4e3508297ede7b739541">
+<div class="tab-panel" data-tab-group="c143f52cfa078a0f9399e88012328862">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c5aa6c294eca4e3508297ede7b739541','configtoml')"
+      onclick="switchTab('c143f52cfa078a0f9399e88012328862','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1015,18 +1012,15 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="effeafadfd5122cdf973388e448d02f8">
+<div class="tab-panel" data-tab-group="d9f607abf26155e167f71b6b0dc491c8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('effeafadfd5122cdf973388e448d02f8','frontmatter')"
+      onclick="switchTab('d9f607abf26155e167f71b6b0dc491c8','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1044,18 +1038,15 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="713d24c66f34175582192af9728c2d6e">
+<div class="tab-panel" data-tab-group="f630ade7e7176766d0a47174c184906d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('713d24c66f34175582192af9728c2d6e','url')"
+      onclick="switchTab('f630ade7e7176766d0a47174c184906d','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1070,18 +1061,15 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="bc08b3d31c8e090b17d67f84edf06cb6">
+<div class="tab-panel" data-tab-group="0d0cc529e18441bc350e18dd85368b85">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bc08b3d31c8e090b17d67f84edf06cb6','result')"
+      onclick="switchTab('0d0cc529e18441bc350e18dd85368b85','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1099,18 +1087,15 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="ba804c98cdb423357b38b288c4c4dd67">
+<div class="tab-panel" data-tab-group="b47afde49a0b9b4b2e9592c09e69f186">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ba804c98cdb423357b38b288c4c4dd67','html')"
+      onclick="switchTab('b47afde49a0b9b4b2e9592c09e69f186','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1285,8 +1270,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-e5b4c1d485a71391140fc639b5df6b9f" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e5b4c1d485a71391140fc639b5df6b9f"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-27220bed638f3d5937b288abc44201a2" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-27220bed638f3d5937b288abc44201a2"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1423,8 +1408,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../js/theme.js?1696161528" defer></script>
+    <script src="../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 307023715c..17160704db 100644
--- a/cont/markdown/index.html
+++ b/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.print.html" rel="alternate" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -691,8 +691,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cc705ad28b9136ac62ef95288d4a620b" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc705ad28b9136ac62ef95288d4a620b"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e66d01ff1ba73dfe607214e6b8d9dd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e66d01ff1ba73dfe607214e6b8d9dd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -702,8 +702,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f4fda412dd78eb5651cd363cbdad1482" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f4fda412dd78eb5651cd363cbdad1482"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -715,8 +715,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b74457bfe8c181178e92ecbc5e06f5ee" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b74457bfe8c181178e92ecbc5e06f5ee"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-58c63ea45bd7221e56900934df09901f" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-58c63ea45bd7221e56900934df09901f"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -728,8 +728,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c998adc44a5c35a63c956038ef4e8e26" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c998adc44a5c35a63c956038ef4e8e26"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39b90c8f0001a521baf002f7d919801b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39b90c8f0001a521baf002f7d919801b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -737,8 +737,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-25acf119feb3a71a32a62786c8e9f088" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-25acf119feb3a71a32a62786c8e9f088"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8a794f903bca6c44908faadb7041dbe9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8a794f903bca6c44908faadb7041dbe9"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -746,8 +746,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-38d7feafd74c2427b935c24d9f1a5cb9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38d7feafd74c2427b935c24d9f1a5cb9"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cf1f8f6352a80f51a6862c425ffbb24c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf1f8f6352a80f51a6862c425ffbb24c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -758,8 +758,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-600917a1ba8dd5efc89767a4fd8d3eeb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-600917a1ba8dd5efc89767a4fd8d3eeb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-e8b3232b1fc9306b4cda1eae4411f72b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8b3232b1fc9306b4cda1eae4411f72b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -768,8 +768,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d59e5a04393eae13cdbddcb1ecc83099" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d59e5a04393eae13cdbddcb1ecc83099"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4927a380fb5ad561bbe70f0b9b3d62a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4927a380fb5ad561bbe70f0b9b3d62a7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -778,8 +778,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-99b19662fe42529405e782cbb3b02b4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-99b19662fe42529405e782cbb3b02b4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-76508fc539c690fe4db60e913709c8bc" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-76508fc539c690fe4db60e913709c8bc"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -788,8 +788,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-858cbe17c570173b8ffe9dd94790d538" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-858cbe17c570173b8ffe9dd94790d538"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2839ab231464e03d1f959a7a1bbdbff5" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2839ab231464e03d1f959a7a1bbdbff5"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -801,14 +801,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27ffa65051520a061613352f3acd21de" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27ffa65051520a061613352f3acd21de"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-cc707b3307c265f41276b180c06a4a68" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc707b3307c265f41276b180c06a4a68"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-41a161735dbb4cdee7a4a04aebe229d6" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41a161735dbb4cdee7a4a04aebe229d6"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-173846a69dcd5f79e4662dff46767660" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-173846a69dcd5f79e4662dff46767660"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-eb6f98db1d332b8eec66907322e3a1a2" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6f98db1d332b8eec66907322e3a1a2"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-41b6d776634117f8686edc2d7251da3c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b6d776634117f8686edc2d7251da3c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -817,8 +817,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4439a66fa8dd7c8031110af62499888e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4439a66fa8dd7c8031110af62499888e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-17914930eb1724a8065bd4d0466b7309" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17914930eb1724a8065bd4d0466b7309"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -930,12 +930,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1092,13 +1092,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index af5cb2e77b..64b863a19c 100644
--- a/cont/markdown/index.print.html
+++ b/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/markdown/index.html" rel="canonical" type="text/html" title="Markdown syntax :: Hugo Relearn Theme">
     <link href="../../cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Markdown syntax :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -599,8 +599,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cc705ad28b9136ac62ef95288d4a620b" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc705ad28b9136ac62ef95288d4a620b"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e66d01ff1ba73dfe607214e6b8d9dd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e66d01ff1ba73dfe607214e6b8d9dd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -610,8 +610,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f4fda412dd78eb5651cd363cbdad1482" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f4fda412dd78eb5651cd363cbdad1482"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -623,8 +623,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b74457bfe8c181178e92ecbc5e06f5ee" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b74457bfe8c181178e92ecbc5e06f5ee"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-58c63ea45bd7221e56900934df09901f" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-58c63ea45bd7221e56900934df09901f"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -636,8 +636,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c998adc44a5c35a63c956038ef4e8e26" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c998adc44a5c35a63c956038ef4e8e26"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39b90c8f0001a521baf002f7d919801b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39b90c8f0001a521baf002f7d919801b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -645,8 +645,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-25acf119feb3a71a32a62786c8e9f088" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-25acf119feb3a71a32a62786c8e9f088"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8a794f903bca6c44908faadb7041dbe9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8a794f903bca6c44908faadb7041dbe9"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -654,8 +654,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-38d7feafd74c2427b935c24d9f1a5cb9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38d7feafd74c2427b935c24d9f1a5cb9"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cf1f8f6352a80f51a6862c425ffbb24c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf1f8f6352a80f51a6862c425ffbb24c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -666,8 +666,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-600917a1ba8dd5efc89767a4fd8d3eeb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-600917a1ba8dd5efc89767a4fd8d3eeb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-e8b3232b1fc9306b4cda1eae4411f72b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8b3232b1fc9306b4cda1eae4411f72b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -676,8 +676,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d59e5a04393eae13cdbddcb1ecc83099" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d59e5a04393eae13cdbddcb1ecc83099"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4927a380fb5ad561bbe70f0b9b3d62a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4927a380fb5ad561bbe70f0b9b3d62a7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -686,8 +686,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-99b19662fe42529405e782cbb3b02b4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-99b19662fe42529405e782cbb3b02b4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-76508fc539c690fe4db60e913709c8bc" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-76508fc539c690fe4db60e913709c8bc"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -696,8 +696,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-858cbe17c570173b8ffe9dd94790d538" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-858cbe17c570173b8ffe9dd94790d538"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2839ab231464e03d1f959a7a1bbdbff5" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2839ab231464e03d1f959a7a1bbdbff5"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -709,14 +709,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27ffa65051520a061613352f3acd21de" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27ffa65051520a061613352f3acd21de"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-cc707b3307c265f41276b180c06a4a68" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc707b3307c265f41276b180c06a4a68"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-41a161735dbb4cdee7a4a04aebe229d6" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41a161735dbb4cdee7a4a04aebe229d6"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-173846a69dcd5f79e4662dff46767660" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-173846a69dcd5f79e4662dff46767660"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-eb6f98db1d332b8eec66907322e3a1a2" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6f98db1d332b8eec66907322e3a1a2"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-41b6d776634117f8686edc2d7251da3c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b6d776634117f8686edc2d7251da3c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -725,8 +725,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4439a66fa8dd7c8031110af62499888e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4439a66fa8dd7c8031110af62499888e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-17914930eb1724a8065bd4d0466b7309" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17914930eb1724a8065bd4d0466b7309"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -757,8 +757,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 1c6d570c8c..da891418e2 100644
--- a/cont/menushortcuts/index.html
+++ b/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -342,12 +342,12 @@ However, if you want to keep the title but change its value, it can be overridde
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -504,13 +504,13 @@ However, if you want to keep the title but change its value, it can be overridde
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index a1a573d74d..f2e63bdf07 100644
--- a/cont/menushortcuts/index.print.html
+++ b/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extra shortcuts :: Hugo Relearn Theme">
     <link href="../../cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extra shortcuts :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,8 +215,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?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index f393577a80..2611aaab6d 100644
--- a/cont/pages/index.html
+++ b/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.print.html" rel="alternate" type="text/html" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -212,8 +212,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7b17dd008a1e705d176eadbab2467677" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b17dd008a1e705d176eadbab2467677"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-40fe58896c989a37d2b5fe3b22316755" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-40fe58896c989a37d2b5fe3b22316755"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -336,12 +336,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 9880d9100a..2b8a3abf6a 100644
--- a/cont/pages/index.print.html
+++ b/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/pages/index.html" rel="canonical" type="text/html" title="Pages organization :: Hugo Relearn Theme">
     <link href="../../cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="Pages organization :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +158,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7b17dd008a1e705d176eadbab2467677" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b17dd008a1e705d176eadbab2467677"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-40fe58896c989a37d2b5fe3b22316755" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-40fe58896c989a37d2b5fe3b22316755"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -201,8 +201,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 6f152beff6..7de8c8f1b5 100644
--- a/cont/taxonomy/index.html
+++ b/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -243,12 +243,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -405,13 +405,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 4a8c007889..3da7b1bb17 100644
--- a/cont/taxonomy/index.print.html
+++ b/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Hugo Relearn Theme">
     <link href="../../cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index 905f9df55e..e0128c8327 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -160,7 +160,7 @@ div.box > .box-content {
     border-bottom-color: rgba( 255, 255, 255, 1 );
     color: rgba( 0, 0, 0, 1 );
 }
-#R-body .tab-nav-button.active > * {
+#R-body .tab-nav-button.active > .tab-nav-text {
     background-color: rgba( 255, 255, 255, 1 );
 }
 #R-body .tab-content-text {
diff --git a/css/ie.css b/css/ie.css
index 8d68cef5c3..351b24c4b7 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -810,11 +810,11 @@
 		color: rgba( 16, 16, 16, 1 ); /* var(--VARIABLE-BOX-TEXT-color) */
 	}
 
-	#R-body .tab-nav-button.active > *{
+	#R-body .tab-nav-button.active > .tab-nav-text{
 		background-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
 	}
 
-	#R-body .tab-nav-button > * > *{
+	#R-body .tab-nav-button > .tab-nav-text{
 		border-color: rgba( 134, 134, 134, .4 ); /* var(--VARIABLE-BOX-color) */
 	}
 
diff --git a/css/theme.css b/css/theme.css
index 3d3c12521e..2e805beacf 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -2084,36 +2084,23 @@ html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right
     cursor: default;
 }
 
-#R-body .tab-nav-button > *{
-    display: block;
-    position: relative;
-}
-
-#R-body .tab-nav-button.active > *{
-    border-radius: 1px 1px 0 0;
-}
-
-#R-body .tab-nav-button > * > *{
+#R-body .tab-nav-button > .tab-nav-text{
     border-bottom-style: solid;
     border-bottom-width: .2rem;
+    display: block;
     padding: .2rem .6rem 0 .6rem;
 }
-
-#R-body .tab-nav-button.active > * > *{
+/* https://stackoverflow.com/a/46452396 */
+#R-body .tab-nav-button.active > .tab-nav-text{
     border-bottom-color: transparent;
-    font-weight: 500;
+    border-radius: 1px 1px 0 0;
+    text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
 }
-
-#R-body .tab-nav-button > * > .tab-nav-hidden{
-    display: block;
-    font-weight: 500;
-    visibility: hidden;
-}
-
-#R-body .tab-nav-button > * > .tab-nav-text{
-    display: block;
-    position: absolute;
-    top: 0;
+@supports (-webkit-text-stroke-width: 0.04ex){
+    #R-body .tab-nav-button.active > .tab-nav-text{
+        text-shadow: -0.03ex 0 0 currentColor, 0.03ex 0 0 currentColor;
+        -webkit-text-stroke-width: 0.04ex;
+    }
 }
 
 #R-body .tab-content{
diff --git a/css/variant.css b/css/variant.css
index 648baa445a..59947c6d7a 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -408,11 +408,11 @@ article ul > li > input[type="checkbox"] {
     color: var(--VARIABLE-BOX-TEXT-color);
 }
 
-#R-body .tab-nav-button.active > *{
+#R-body .tab-nav-button.active > .tab-nav-text{
     background-color: var(--VARIABLE-BOX-BG-color);
 }
 
-#R-body .tab-nav-button > * > *{
+#R-body .tab-nav-button > .tab-nav-text{
     border-color: var(--VARIABLE-BOX-color);
 }
 
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 8558414a41..e9755af38c 100644
--- a/dev/contributing/index.html
+++ b/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -333,12 +333,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +499,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 763c1309cd..67a639eb43 100644
--- a/dev/contributing/index.print.html
+++ b/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index b2805358ff..a662a7d7dc 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -384,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index d356c668d9..b6059ec4ec 100644
--- a/dev/index.print.html
+++ b/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../js/url.js?1696187265"></script>
+    <script src="../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -465,8 +465,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-7f5ce94b4132be524b04d4ec13df0c77" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7f5ce94b4132be524b04d4ec13df0c77"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6d625cadc91dde842a9ea978a4f0052b" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d625cadc91dde842a9ea978a4f0052b"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -495,11 +495,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-f3a8d6cf66e2b030bb3d4bf8042c215d" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f3a8d6cf66e2b030bb3d4bf8042c215d"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-5ef39a3118eecc363028122ded215a11" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ef39a3118eecc363028122ded215a11"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-611111ac1b92f1462ac9f1e889eb11d6" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-611111ac1b92f1462ac9f1e889eb11d6"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -510,8 +510,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../js/theme.js?1696161528" defer></script>
+    <script src="../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 95b3183e39..140d24da00 100644
--- a/dev/maintaining/index.html
+++ b/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -420,12 +420,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -586,13 +586,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index a44b319d44..98137b255b 100644
--- a/dev/maintaining/index.print.html
+++ b/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -283,8 +283,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 6bf7a6e1b8..92cb71e6d2 100644
--- a/dev/screenshots/index.html
+++ b/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,8 +167,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-7f5ce94b4132be524b04d4ec13df0c77" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7f5ce94b4132be524b04d4ec13df0c77"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6d625cadc91dde842a9ea978a4f0052b" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d625cadc91dde842a9ea978a4f0052b"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -197,11 +197,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-f3a8d6cf66e2b030bb3d4bf8042c215d" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f3a8d6cf66e2b030bb3d4bf8042c215d"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-5ef39a3118eecc363028122ded215a11" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ef39a3118eecc363028122ded215a11"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-611111ac1b92f1462ac9f1e889eb11d6" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-611111ac1b92f1462ac9f1e889eb11d6"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -292,12 +292,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -458,13 +458,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 84db4292db..fb83f3315f 100644
--- a/dev/screenshots/index.print.html
+++ b/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-7f5ce94b4132be524b04d4ec13df0c77" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7f5ce94b4132be524b04d4ec13df0c77"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-6d625cadc91dde842a9ea978a4f0052b" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-6d625cadc91dde842a9ea978a4f0052b"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -142,11 +142,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-f3a8d6cf66e2b030bb3d4bf8042c215d" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f3a8d6cf66e2b030bb3d4bf8042c215d"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc2c0eb09d65f51a3cddbb6bc2311a7b"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-5ef39a3118eecc363028122ded215a11" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5ef39a3118eecc363028122ded215a11"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-611111ac1b92f1462ac9f1e889eb11d6" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-611111ac1b92f1462ac9f1e889eb11d6"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -156,8 +156,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 03e0ac8afa..2e85a29818 100644
--- a/index.html
+++ b/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
     <link href="./index.print.html" rel="alternate" type="text/html" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="./css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696161527" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696161527" rel="stylesheet">
-    <link href="./css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696161527" rel="stylesheet">
-    <script src="./js/url.js?1696161527"></script>
-    <script src="./js/variant.js?1696161527"></script>
+    <link href="./css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="./css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696187264" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696187264" rel="stylesheet">
+    <link href="./css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696187264" rel="stylesheet">
+    <script src="./js/url.js?1696187264"></script>
+    <script src="./js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +131,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#R-image-a129a405b01920ca54043d87a84d0fe6" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a129a405b01920ca54043d87a84d0fe6"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e56c68a2e25a5038daece86a11d87d7" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e56c68a2e25a5038daece86a11d87d7"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -308,12 +308,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1696161527" defer></script>
-        <script src="./js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="./js/search.js?1696161527" defer></script>
+        <script src="./js/auto-complete.js?1696187265" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="./js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -470,13 +470,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1696161527"></script>
+          <script async src="./js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1696161527" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="./js/theme.js?1696161527" defer></script>
+    <script src="./js/clipboard.min.js?1696187265" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="./js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 576113568f..65d7cdd3a6 100644
--- a/index.print.html
+++ b/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/index.html" rel="canonical" type="text/html" title="Hugo Relearn Theme">
     <link href="./index.xml" rel="alternate" type="application/rss+xml" title="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="./css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696161528" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696161528" rel="stylesheet">
-    <link href="./css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1696161528" rel="stylesheet">
-    <link href="./css/ie.css?1696161528" rel="stylesheet">
-    <script src="./js/url.js?1696161528"></script>
-    <script src="./js/variant.js?1696161528"></script>
+    <link href="./css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="./css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696187265" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696187265" rel="stylesheet">
+    <link href="./css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1696187265" rel="stylesheet">
+    <link href="./css/ie.css?1696187265" rel="stylesheet">
+    <script src="./js/url.js?1696187265"></script>
+    <script src="./js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 <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="#R-image-a129a405b01920ca54043d87a84d0fe6" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a129a405b01920ca54043d87a84d0fe6"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e56c68a2e25a5038daece86a11d87d7" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e56c68a2e25a5038daece86a11d87d7"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -978,8 +978,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-4dc646d65339aeac3c61e03e73cf236d" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4dc646d65339aeac3c61e03e73cf236d"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b00b4a8b4fdd55e3fa6d88f3ef96af71"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -1022,8 +1022,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-fdcf3fc8c3f5a8762a4da48b173739cc" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fdcf3fc8c3f5a8762a4da48b173739cc"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-d8614775a98427ed0a3381d3534e3609" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-d8614775a98427ed0a3381d3534e3609"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1179,8 +1179,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-abbb8ff2ed6025f5e3a16ce7d6dded4a"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39e03c4f74dafedb870584bd9ce108b7" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39e03c4f74dafedb870584bd9ce108b7"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1225,8 +1225,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#R-image-4459bae7aa3da5ee5f94628fb7e1a67a" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4459bae7aa3da5ee5f94628fb7e1a67a"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-05168c233a41370ac4d1e85b49427303" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-05168c233a41370ac4d1e85b49427303"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1347,13 +1347,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="R-expand-def523ff47853b8ef177536308f31702" aria-controls="R-expandcontent-def523ff47853b8ef177536308f31702" >
-    <label class="expand-label" for="R-expand-def523ff47853b8ef177536308f31702" >
+    <input type="checkbox" id="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" aria-controls="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" >
+    <label class="expand-label" for="R-expand-5dfdc52c4ee1256b206cff7f2be2a132" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-def523ff47853b8ef177536308f31702" class="expand-content">
+    <div id="R-expandcontent-5dfdc52c4ee1256b206cff7f2be2a132" 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>
@@ -1410,8 +1410,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-dd3e1c0198e10d5e89b61dff35bb342f" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dd3e1c0198e10d5e89b61dff35bb342f"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b984b0ddb1f97c746d78dfa8f19b106f" class="lightbox-link"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b984b0ddb1f97c746d78dfa8f19b106f"><img src="./basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, your requirements may differ from this configuration. Luckily the theme got you covered as the themebar, its buttons and the functionality behind these buttons is fully configurable by you.</p>
 
 <div class="box notices cstyle tip">
@@ -1423,8 +1423,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>The default configuration comes with three predefined areas that may contain an arbitrary set of buttons.</p>
-<p><a href="#R-image-ce2c55b995e543e3ebc92e32b1c1ec41" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-ce2c55b995e543e3ebc92e32b1c1ec41"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5fd080f36736373b1742c495eede8736" class="lightbox-link"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5fd080f36736373b1742c495eede8736"><img src="./basics/topbar/topbar-areas.png" alt="Topbar with default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu and breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on the opposite breadcrumb side in comparison to the <em>start</em> area</li>
@@ -3099,8 +3099,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7b17dd008a1e705d176eadbab2467677" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7b17dd008a1e705d176eadbab2467677"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-40fe58896c989a37d2b5fe3b22316755" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-40fe58896c989a37d2b5fe3b22316755"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -3149,8 +3149,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#R-image-41989b65135c2461ecae54a2213315a1" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41989b65135c2461ecae54a2213315a1"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-935853ef2fe0d86d5fb74f6dce2e9111" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-935853ef2fe0d86d5fb74f6dce2e9111"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3160,8 +3160,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#R-image-fcb676f6e493f9166025da951be8bf66" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-fcb676f6e493f9166025da951be8bf66"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2fd7dd740e8286957deb0a6cc54aa334" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2fd7dd740e8286957deb0a6cc54aa334"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3173,8 +3173,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#R-image-4a6554fda9a4cb88cf7030c2741cf5a7" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4a6554fda9a4cb88cf7030c2741cf5a7"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4e7d0f9387da17ab05ed8a646d0de216" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e7d0f9387da17ab05ed8a646d0de216"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -3745,8 +3745,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-cc705ad28b9136ac62ef95288d4a620b" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc705ad28b9136ac62ef95288d4a620b"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-18e66d01ff1ba73dfe607214e6b8d9dd" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-18e66d01ff1ba73dfe607214e6b8d9dd"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -3756,8 +3756,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-bfba08997b9ce6e1ccaeb8e16bfe54c0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f4fda412dd78eb5651cd363cbdad1482" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f4fda412dd78eb5651cd363cbdad1482"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3769,8 +3769,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b74457bfe8c181178e92ecbc5e06f5ee" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b74457bfe8c181178e92ecbc5e06f5ee"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-58c63ea45bd7221e56900934df09901f" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-58c63ea45bd7221e56900934df09901f"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3782,8 +3782,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c998adc44a5c35a63c956038ef4e8e26" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c998adc44a5c35a63c956038ef4e8e26"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-39b90c8f0001a521baf002f7d919801b" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-39b90c8f0001a521baf002f7d919801b"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3791,8 +3791,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-25acf119feb3a71a32a62786c8e9f088" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-25acf119feb3a71a32a62786c8e9f088"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8a794f903bca6c44908faadb7041dbe9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8a794f903bca6c44908faadb7041dbe9"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3800,8 +3800,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-38d7feafd74c2427b935c24d9f1a5cb9" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-38d7feafd74c2427b935c24d9f1a5cb9"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cf1f8f6352a80f51a6862c425ffbb24c" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cf1f8f6352a80f51a6862c425ffbb24c"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3812,8 +3812,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-600917a1ba8dd5efc89767a4fd8d3eeb" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-600917a1ba8dd5efc89767a4fd8d3eeb"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-e8b3232b1fc9306b4cda1eae4411f72b" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-e8b3232b1fc9306b4cda1eae4411f72b"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3822,8 +3822,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d59e5a04393eae13cdbddcb1ecc83099" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d59e5a04393eae13cdbddcb1ecc83099"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4927a380fb5ad561bbe70f0b9b3d62a7" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4927a380fb5ad561bbe70f0b9b3d62a7"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3832,8 +3832,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-99b19662fe42529405e782cbb3b02b4f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-99b19662fe42529405e782cbb3b02b4f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-76508fc539c690fe4db60e913709c8bc" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-76508fc539c690fe4db60e913709c8bc"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3842,8 +3842,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-858cbe17c570173b8ffe9dd94790d538" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-858cbe17c570173b8ffe9dd94790d538"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2839ab231464e03d1f959a7a1bbdbff5" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2839ab231464e03d1f959a7a1bbdbff5"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3855,14 +3855,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-27ffa65051520a061613352f3acd21de" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-27ffa65051520a061613352f3acd21de"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9553c5be21dbd2ccbd2b7d8e7fe1d3b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-cc707b3307c265f41276b180c06a4a68" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-cc707b3307c265f41276b180c06a4a68"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-41a161735dbb4cdee7a4a04aebe229d6" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-41a161735dbb4cdee7a4a04aebe229d6"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-173846a69dcd5f79e4662dff46767660" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-173846a69dcd5f79e4662dff46767660"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-eb6f98db1d332b8eec66907322e3a1a2" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6f98db1d332b8eec66907322e3a1a2"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc953d2d2d3b7a98a7c0d05f7efd96bf"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-41b6d776634117f8686edc2d7251da3c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-41b6d776634117f8686edc2d7251da3c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -3871,8 +3871,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4439a66fa8dd7c8031110af62499888e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4439a66fa8dd7c8031110af62499888e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-17914930eb1724a8065bd4d0466b7309" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17914930eb1724a8065bd4d0466b7309"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3912,18 +3912,15 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c5aa6c294eca4e3508297ede7b739541">
+<div class="tab-panel" data-tab-group="c143f52cfa078a0f9399e88012328862">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c5aa6c294eca4e3508297ede7b739541','configtoml')"
+      onclick="switchTab('c143f52cfa078a0f9399e88012328862','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3942,18 +3939,15 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="effeafadfd5122cdf973388e448d02f8">
+<div class="tab-panel" data-tab-group="d9f607abf26155e167f71b6b0dc491c8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('effeafadfd5122cdf973388e448d02f8','frontmatter')"
+      onclick="switchTab('d9f607abf26155e167f71b6b0dc491c8','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3971,18 +3965,15 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="713d24c66f34175582192af9728c2d6e">
+<div class="tab-panel" data-tab-group="f630ade7e7176766d0a47174c184906d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('713d24c66f34175582192af9728c2d6e','url')"
+      onclick="switchTab('f630ade7e7176766d0a47174c184906d','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3997,18 +3988,15 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="bc08b3d31c8e090b17d67f84edf06cb6">
+<div class="tab-panel" data-tab-group="0d0cc529e18441bc350e18dd85368b85">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('bc08b3d31c8e090b17d67f84edf06cb6','result')"
+      onclick="switchTab('0d0cc529e18441bc350e18dd85368b85','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4026,18 +4014,15 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="ba804c98cdb423357b38b288c4c4dd67">
+<div class="tab-panel" data-tab-group="b47afde49a0b9b4b2e9592c09e69f186">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ba804c98cdb423357b38b288c4c4dd67','html')"
+      onclick="switchTab('b47afde49a0b9b4b2e9592c09e69f186','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4212,8 +4197,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-e5b4c1d485a71391140fc639b5df6b9f" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e5b4c1d485a71391140fc639b5df6b9f"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-27220bed638f3d5937b288abc44201a2" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-27220bed638f3d5937b288abc44201a2"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -4421,20 +4406,14 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4664,20 +4643,14 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4876,20 +4849,14 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5214,20 +5181,14 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5597,13 +5558,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="R-expand-afa0837d7c741b70b1f716c0e0811eed" aria-controls="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" >
-    <label class="expand-label" for="R-expand-afa0837d7c741b70b1f716c0e0811eed" >
+    <input type="checkbox" id="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" aria-controls="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" >
+    <label class="expand-label" for="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" class="expand-content">
+    <div id="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" 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>
@@ -5641,30 +5602,21 @@ So its content is used as description.</p>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5730,26 +5682,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="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" aria-controls="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" >
-    <label class="expand-label" for="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" >
+    <input type="checkbox" id="R-expand-a749bd66129db5c184bf320890ee107d" aria-controls="R-expandcontent-a749bd66129db5c184bf320890ee107d" >
+    <label class="expand-label" for="R-expand-a749bd66129db5c184bf320890ee107d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" class="expand-content">
+    <div id="R-expandcontent-a749bd66129db5c184bf320890ee107d" 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="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" aria-controls="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf"  checked>
-    <label class="expand-label" for="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" >
+    <input type="checkbox" id="R-expand-1908eb2062fe122d2b8d3399de9cac21" aria-controls="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21"  checked>
+    <label class="expand-label" for="R-expand-1908eb2062fe122d2b8d3399de9cac21" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf" class="expand-content">
+    <div id="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5770,13 +5722,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="R-expand-cbe2840b0994e206ee69021d60efaef8" aria-controls="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" >
-    <label class="expand-label" for="R-expand-cbe2840b0994e206ee69021d60efaef8" >
+    <input type="checkbox" id="R-expand-c8e17cac4512a0a19334790e7f86a039" aria-controls="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" >
+    <label class="expand-label" for="R-expand-c8e17cac4512a0a19334790e7f86a039" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" class="expand-content">
+    <div id="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5805,18 +5757,15 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="842fc760ca9108824871052f0ce87338">
+<div class="tab-panel" data-tab-group="91aa9f33692a737e32445515bd1cc25f">
   <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('842fc760ca9108824871052f0ce87338','python')"
+      onclick="switchTab('91aa9f33692a737e32445515bd1cc25f','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5843,50 +5792,35 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6034,18 +5968,15 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="ddd9d57c3f51022bedf992c8a2725efd">
+<div class="tab-panel" data-tab-group="7b1d479e3046fcdcc3a9d6ecc00e22de">
   <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('ddd9d57c3f51022bedf992c8a2725efd','python')"
+      onclick="switchTab('7b1d479e3046fcdcc3a9d6ecc00e22de','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6100,30 +6031,21 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6227,30 +6149,21 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6371,30 +6284,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6547,30 +6451,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7161,30 +7056,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7511,20 +7397,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7579,7 +7459,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-e861f5577afb406de5e5a603ed304aaf"
+    id="R-openapi-b1940cef1fdd2974ca80cfd571aec564"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7606,30 +7486,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7685,18 +7556,15 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2a4633226bb74d3097cf871812de8c0f">
+<div class="tab-panel" data-tab-group="0929d22d1c1b1865ea9ac4eba0b466b8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2a4633226bb74d3097cf871812de8c0f','configtoml')"
+      onclick="switchTab('0929d22d1c1b1865ea9ac4eba0b466b8','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7727,18 +7595,15 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ac47db3046f61339b094f0143dd46ec4">
+<div class="tab-panel" data-tab-group="bbac9f0ca0be147df3b0f3afc6708d6f">
   <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('ac47db3046f61339b094f0143dd46ec4','c')"
+      onclick="switchTab('bbac9f0ca0be147df3b0f3afc6708d6f','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7762,20 +7627,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7847,18 +7706,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1d7cf28764e74656015f34ea77085401">
+<div class="tab-panel" data-tab-group="4d09ad7fc29384dfe5b5da8dadf4dea9">
   <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('1d7cf28764e74656015f34ea77085401','code')"
+      onclick="switchTab('4d09ad7fc29384dfe5b5da8dadf4dea9','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7878,18 +7734,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="28c998734f8bd8f1814dcd4d86e7bd2e">
+<div class="tab-panel" data-tab-group="777cd7a02eeae636de7b7a8f0dc959bb">
   <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('28c998734f8bd8f1814dcd4d86e7bd2e','mixed')"
+      onclick="switchTab('777cd7a02eeae636de7b7a8f0dc959bb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7932,58 +7785,43 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="185b91731517780ff0be4ab6a21b2d59">
+<div class="tab-panel" data-tab-group="0f6c742fe9a53152c15bf274b4d44e2f">
   <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('185b91731517780ff0be4ab6a21b2d59','just-colored-style')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','default-style-and-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style and color</span>
-        <span class="tab-nav-text">default style and color</span>
-      </span>
+      <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('185b91731517780ff0be4ab6a21b2d59','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8049,38 +7887,29 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="82b7cc5b111056bb4e1b4924a25c8df2">
+<div class="tab-panel" data-tab-group="b7a016e47d4d568e9637bb2e65cb9ab8">
   <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('82b7cc5b111056bb4e1b4924a25c8df2','py')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','sh')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','c')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8119,20 +7948,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8232,38 +8055,29 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="26bc5940a12124d441869e0e99860b7a">
+<div class="tab-panel" data-tab-group="c30e1254f194bd164ab7ae7978e258ac">
   <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('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-1')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-2')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-b')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8336,30 +8150,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8399,20 +8204,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8443,20 +8242,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8520,20 +8313,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8553,20 +8340,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8610,20 +8391,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8658,8 +8433,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1696161528" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696161528" defer></script>
+    <script src="./js/clipboard.min.js?1696187266" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696187266" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8688,27 +8463,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1696161528"></script>
-    <script src="./js/d3/d3-color.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1696161528" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1696161528" defer></script>
-    <script src="./js/js-yaml.min.js?1696161528" defer></script>
-    <script src="./js/mermaid.min.js?1696161528" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1696187266"></script>
+    <script src="./js/d3/d3-color.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1696187266" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1696187266" defer></script>
+    <script src="./js/js-yaml.min.js?1696187266" defer></script>
+    <script src="./js/mermaid.min.js?1696187266" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1696161528" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1696161528" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1696187266" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1696187266" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161528", assetsBuster:  1696161528  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187266", assetsBuster:  1696187266  };
     </script>
-    <script src="./js/theme.js?1696161528" defer></script>
+    <script src="./js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/index.search.js b/index.search.js
index 8022eaf3be..7748ab8a43 100644
--- a/index.search.js
+++ b/index.search.js
@@ -77,7 +77,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Content",
-    "content": "The theme supports non-standard image effects.\nAs described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.\nInstead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.\nExplicitly set URL query parameter will override the defaults in effect for a page.\nWithout any settings in your config.toml this defaults to\n​ config.toml config.toml [params] [params.imageEffects] border = false lightbox = true shadow = false This can be overridden in a pages frontmatter by eg.\n​ frontmatter frontmatter +++ [imageEffects] border = true +++ Or by explicitly override settings by URL query parameter\n​ URL URL ![Minion](https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true) The settings applied to the above image would be\n​ Result Result border = true lightbox = false shadow = false bg-white = true This ends up in the following HTML where the parameter are converted to CSS classes.\n​ HTML HTML \u003cimg src=\"https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true\" alt=\"Minion\" class=\"bg-white border nolightbox noshadow\"\u003e Extending As you can see in the above example, the bg-white parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your config.toml or pages frontmatter.\nNote If no extended parameter like bg-white in the example is set on the URL, a class=\"nobg-white\" in the HTML will only be generated if a default value was set in the config.toml or pages frontmatter.\n",
+    "content": "The theme supports non-standard image effects.\nAs described, you can add this to the URL query parameter, but this may be cumbersome to do it consistently for the whole page.\nInstead, you can configure the defaults in your config.toml aswell as overriding these default in the pages frontmatter.\nExplicitly set URL query parameter will override the defaults in effect for a page.\nWithout any settings in your config.toml this defaults to\n​ config.toml [params] [params.imageEffects] border = false lightbox = true shadow = false This can be overridden in a pages frontmatter by eg.\n​ frontmatter +++ [imageEffects] border = true +++ Or by explicitly override settings by URL query parameter\n​ URL ![Minion](https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true) The settings applied to the above image would be\n​ Result border = true lightbox = false shadow = false bg-white = true This ends up in the following HTML where the parameter are converted to CSS classes.\n​ HTML \u003cimg src=\"https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true\" alt=\"Minion\" class=\"bg-white border nolightbox noshadow\"\u003e Extending As you can see in the above example, the bg-white parameter is not initially supported in the themes default settings. Nevertheless you are free to define arbitrary parameter by just adding them to the URL query parameter or set them in your config.toml or pages frontmatter.\nNote If no extended parameter like bg-white in the example is set on the URL, a class=\"nobg-white\" in the HTML will only be generated if a default value was set in the config.toml or pages frontmatter.\n",
     "description": "",
     "tags": null,
     "title": "Image Effects",
@@ -213,7 +213,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Warning Since Hugo 0.112.0 this only works for leaf bundles. Branch bundles and simple pages must be switched to leaf bundles or you are currently locked to a Hugo version \u003c 0.112.0.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"page\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Setup Single language The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nIf your page is a leaf bundle, attachments must be placed in a nested index.files folder, accordingly.\ncontent _index.md page _index.md _index.files attachment.pdf If your page is a branch bundle, attachments must be placed in a nested _index.files folder, accordingly.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page index.md index.files attachment.pdf For simple pages, attachments must be placed in a folder named like your page and ending with .files.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page.files attachment.pdf page.md Multilingual Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent index.en.md index.pir.md page index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) With User-Defined Color and Font Awesome Brand Icon {{% attachments color=\"fuchsia\" icon=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title and Icons For further examples for style, color, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
+    "content": "The attachments shortcode displays a list of files attached to a page with adjustable color, title and icon.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Warning Since Hugo 0.112.0 this only works for leaf bundles. Branch bundles and simple pages must be switched to leaf bundles or you are currently locked to a Hugo version \u003c 0.112.0.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"page\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: Attachments\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: paperclip\nIf you want no icon, you have to set this parameter to \" \" (a non empty d with spaces) sort asc Sorting the output in ascending or descending order. pattern .* A regular expressions, used to filter the attachments by file name. For example:\n- to match a file suffix of ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- to match file names ending in jpg or png, use .*\\.(jpg|png) Setup Single language The shortcode lists files found in a specific folder. The name of the folder depends on your page type (either branch bundle, leaf bundle or page).\nIf your page is a leaf bundle, attachments must be placed in a nested index.files folder, accordingly.\ncontent _index.md page _index.md _index.files attachment.pdf If your page is a branch bundle, attachments must be placed in a nested _index.files folder, accordingly.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page index.md index.files attachment.pdf For simple pages, attachments must be placed in a folder named like your page and ending with .files.\nWarning This is only available for Hugo \u003c 0.112.0\ncontent _index.md page.files attachment.pdf page.md Multilingual Be aware that if you use a multilingual website, you will need to have as many folders as languages and the language code must be part of the folder name.\nEg. for a site in English and Piratish:\ncontent index.en.md index.pir.md page index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List of Attachments Ending in pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Info Styled Box, Descending Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Info movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) With User-Defined Color and Font Awesome Brand Icon {{% attachments color=\"fuchsia\" icon=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title and Icons For further examples for style, color, title and icon, see the notice shortcode documentation. The parameter are working the same way for both shortcodes, besides having different defaults.\n",
     "description": "List of files attached to a page",
     "tags": null,
     "title": "Attachments",
@@ -221,7 +221,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoNew Awesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The style scheme used for the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" icon=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}}Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title and Content {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome With Icon Content You can combine the badge with the icon shortcode to create even more stunning visuals.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}}\nPirate\nRank\nRank Pirate\nRank\nRank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": "The badge shortcode displays little markers in your text with adjustable color, title and icon.\nImportant Version6.6.6 Captain InfoNew Awesome\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default The style scheme used for the badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary text for the badge title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text for the badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Breaking{{% /badge %}} InfoNew NoteChange TipOptional WarningBreaking\nBy Brand Colors {{% badge style=\"primary\" icon=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" icon=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" icon=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" icon=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" icon=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" icon=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" icon=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" icon=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" icon=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" icon=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Icon and Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nWithout Icon {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" icon=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}}Version6.6.6 InfoAwesome RankCaptain\nWithout Title Text {{% badge icon=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nAll Set {{% badge icon=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" icon=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 InfoAwesome RankCaptain\nOverride for Severity {{% badge style=\"info\" icon=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other With User-Defined Color, Font Awesome Brand Icon and Markdown Title and Content {{% badge color=\"fuchsia\" icon=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome With Icon Content You can combine the badge with the icon shortcode to create even more stunning visuals.\nIn this case you need to declare {{\u003c badge \u003e}} instead of {{% badge %}}. Note, that in this case it is not possible to put markdown in the content.\n{{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" icon=\"angle-double-up\" title=\"Rank\" \u003e}}{{% icon skull-crossbones %}} Pirate{{\u003c /badge \u003e}}\nPirate\nRank\nRank Pirate\nRank\nRank Pirate\nInside of Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" icon=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "Marker badges to display in your text",
     "tags": null,
     "title": "Badge",
@@ -237,7 +237,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "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 \"page\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"page\" . \"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 ",
+    "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 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 \"page\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"page\" . \"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",
@@ -261,7 +261,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The children shortcode lists the child pages of the current page and its descendants.\npage X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"page\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed as well. description false When true shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - read more info about summaries on gohugo.io. depth 1 The depth of descendants to display. For example, if the value is 2, the shortcode will display two levels of child pages. To get all descendants, set this value to a high number eg. 999. sort see notes The sort order of the displayed list.\nIf not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter\n- weight: to sort on menu order\n- title: to sort alphabetically on menu label. Examples All Default {{% children %}} page X page 1 page 2 page 3 With Description {{% children description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\nInfinite Depth and Hidden Pages {{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 (headless) page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) Heading Styles for Container and Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 1-1This is a demo child page\npage 1-1-2 (headless)This is a demo child page\npage 1-1-3This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\npage 3-1This is a plain page test nested in a parent\nDivs for Group and Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} page X page 1 page 1-1 page 1-1-2 (headless) page 1-1-3 page 2 page 3 page 3-1 ",
+    "content": "The children shortcode lists the child pages of the current page and its descendants.\npage X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"page\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children. It could be any HTML tag name. style li Choose the style used to display each descendant. It could be any HTML tag name. showhidden false When true, child pages hidden from the menu will be displayed as well. description false When true shows a short text under each page in the list. When no description or summary exists for the page, the first 70 words of the content is taken - read more info about summaries on gohugo.io. depth 1 The depth of descendants to display. For example, if the value is 2, the shortcode will display two levels of child pages. To get all descendants, set this value to a high number eg. 999. sort see notes The sort order of the displayed list.\nIf not set it is sorted by the ordersectionsby setting of the site and the pages frontmatter\n- weight: to sort on menu order\n- title: to sort alphabetically on menu label. Examples All Default {{% children %}} page X page 1 page 2 page 3 With Description {{% children description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\nInfinite Depth and Hidden Pages {{% children depth=\"999\" showhidden=\"true\" %}} page X page 1 page 1-1 page 1-1-1 (hidden) page 1-1-1-1 page 1-1-1-1-1 (hidden) page 1-1-1-1-1-1 page 1-1-2 (headless) page 1-1-2-1 page 1-1-2-2 page 1-1-3 page 2 page 3 page 3-1 page 4 (hidden) Heading Styles for Container and Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" description=\"true\" %}} page XThis is a plain page test, and the beginning of a YAML multiline description... page 1This is a demo child page\npage 1-1This is a demo child page\npage 1-1-2 (headless)This is a demo child page\npage 1-1-3This is a demo child page\npage 2This is a demo child page with no description. So its content is used as description.\npage 3This is a demo child page\npage 3-1This is a plain page test nested in a parent\nDivs for Group and Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} page X page 1 page 1-1 page 1-1-2 (headless) page 1-1-3 page 2 page 3 page 3-1 ",
     "description": "List the child pages of a page",
     "tags": null,
     "title": "Children",
@@ -325,7 +325,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The expand shortcode displays an expandable/collapsible section of text.\nExpand me… Thank you!\nThat’s some text with a footnote1\nThat’s some more text with a footnote.2\nAnd that’s the footnote. ↩︎\nAnything of interest goes here.\nBlue light glows blue. ↩︎\nNote This only works in modern browsers flawlessly. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank you!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank you!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"page\" . \"title\" \"Expand me...\" \"content\" \"Thank you!\" )}} Parameter Name Position Default Notes title 1 \"Expand me...\" Arbitrary text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed on expand. Examples All Defaults {{% expand %}}Yes, you did it!{{% /expand %}} Expand me… Yes, you did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need to press you!{{% /expand %}} Expand me… No need to press you! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} Show me almost endless possibilities You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\n",
+    "content": "The expand shortcode displays an expandable/collapsible section of text.\nExpand me… Thank you!\nThat’s some text with a footnote1\nThat’s some more text with a footnote.2\nAnd that’s the footnote. ↩︎\nAnything of interest goes here.\nBlue light glows blue. ↩︎\nNote This only works in modern browsers flawlessly. While Internet Explorer 11 has issues in displaying it, the functionality still works.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode (positional) partial {{% expand title=\"Expand me...\" %}}Thank you!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank you!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"page\" . \"title\" \"Expand me...\" \"content\" \"Thank you!\" )}} Parameter Name Position Default Notes title 1 \"Expand me...\" Arbitrary text to appear next to the expand/collapse icon. open 2 false When true the content text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed on expand. Examples All Defaults {{% expand %}}Yes, you did it!{{% /expand %}} Expand me… Yes, you did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need to press you!{{% /expand %}} Expand me… No need to press you! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /expand %}} Show me almost endless possibilities You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\n",
     "description": "Expandable/collapsible sections of text",
     "tags": null,
     "title": "Expand",
@@ -349,7 +349,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The highlight shortcode renders your code with a syntax highlighter.\n​ python python 1print(\"Hello World!\") Usage This shortcode is fully compatible with Hugo’s highlight shortcode but offers some extensions.\nIt is called interchangeably in the same way as Hugo’s own shortcode providing positional parameter or by simply using codefences.\nYou are free to also call this shortcode from your own partials. In this case it resembles Hugo’s highlight function syntax if you call this shortcode as a partial using compatiblity syntax.\nWhile 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.\n​ codefence codefence shortcode shortcode shortcode (positional) shortcode (positional) partial partial partial (compat) partial (compat) ```py { lineNos=\"true\" wrap=\"true\" title=\"python\" } print(\"Hello World!\") ``` {{\u003c highlight lineNos=\"true\" type=\"py\" wrap=\"true\" title=\"python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{\u003c highlight py \"lineNos=true,wrap=true,title=python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"lineNos\" \"true\" \"type\" \"py\" \"wrap\" \"true\" \"title\" \"python\" )}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"options\" \"lineNos=true,wrap=true,title=python\" \"type\" \"py\" )}} Parameter Name Default Notes type \u003cempty\u003e The language of the code to highlight. Choose from one of the supported languages. Case-insensitive. title \u003cempty\u003e Extension. Arbitrary title for code. This displays the code like a single tab if hl_inline=false (which is Hugos default). wrap see notes Extension. When true the content may wrap on long lines otherwise it will be scrollable.\nThe default value can be set in your config.toml and overwritten via frontmatter. See below. options \u003cempty\u003e An optional, comma-separated list of zero or more Hugo supported options as well as extension parameter from this table. \u003coption\u003e \u003cempty\u003e Any of Hugo’s supported options. \u003ccontent\u003e \u003cempty\u003e Your code to highlight. Configuration Default values for Hugo’s supported options can be set via goldmark settings in your config.toml\nDefault values for extension options can be set via params settings in your config.toml or be overwritten by frontmatter for each individual page.\nGlobal Configuration File Recommended Settings [markup] [markup.highlight] # line numbers in a table layout will shift if code is wrapping, so better # use inline; besides that visually both layouts have the same look and behavior lineNumbersInTable = false # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid or Math codefences guessSyntax = false # the shipped variants come with their own modified chroma syntax highlightning # style which is imported in theme-relearn-light.css, theme-relearn-dark.css, etc.; # if you want to use a predefined style instead: # - remove `noClasses` or set `noClasses = true` # - set `style` to a predefined style name noClasses = false # style = \"tango\"Optional Settings [params] highlightWrap = truePage’s Frontmatter +++ highlightWrap = true +++Examples Line Numbers with Starting Offset As mentioned above, line numbers in a table layout will shift if code is wrapping, so better use inline. To make things easier for you, set lineNumbersInTable = false in your config.toml and add lineNos = true when calling the shortcode instead of the specific values table or inline.\n{{\u003c highlight lineNos=\"true\" lineNoStart=\"666\" type=\"py\" \u003e}} # the hardest part is to start writing code; here's a kickstart; just copy and paste this; it's free; the next lines will cost you serious credits print(\"Hello\") print(\" \") print(\"World\") print(\"!\") {{\u003c /highlight \u003e}}666# the hardest part is to start writing code; here's a kickstart; just copy and paste this; it's free; the next lines will cost you serious credits 667print(\"Hello\") 668print(\" \") 669print(\"World\") 670print(\"!\") Codefence with Title ```py { title=\"python\" } # a bit shorter print(\"Hello World!\") ``` ​ python python # a bit shorter print(\"Hello World!\") With Wrap {{\u003c highlight type=\"py\" wrap=\"true\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff Without Wrap {{\u003c highlight type=\"py\" wrap=\"false\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff ",
+    "content": "The highlight shortcode renders your code with a syntax highlighter.\n​ python 1print(\"Hello World!\") Usage This shortcode is fully compatible with Hugo’s highlight shortcode but offers some extensions.\nIt is called interchangeably in the same way as Hugo’s own shortcode providing positional parameter or by simply using codefences.\nYou are free to also call this shortcode from your own partials. In this case it resembles Hugo’s highlight function syntax if you call this shortcode as a partial using compatiblity syntax.\nWhile 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.\n​ codefence shortcode shortcode (positional) partial partial (compat) ```py { lineNos=\"true\" wrap=\"true\" title=\"python\" } print(\"Hello World!\") ``` {{\u003c highlight lineNos=\"true\" type=\"py\" wrap=\"true\" title=\"python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{\u003c highlight py \"lineNos=true,wrap=true,title=python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"lineNos\" \"true\" \"type\" \"py\" \"wrap\" \"true\" \"title\" \"python\" )}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"options\" \"lineNos=true,wrap=true,title=python\" \"type\" \"py\" )}} Parameter Name Default Notes type \u003cempty\u003e The language of the code to highlight. Choose from one of the supported languages. Case-insensitive. title \u003cempty\u003e Extension. Arbitrary title for code. This displays the code like a single tab if hl_inline=false (which is Hugos default). wrap see notes Extension. When true the content may wrap on long lines otherwise it will be scrollable.\nThe default value can be set in your config.toml and overwritten via frontmatter. See below. options \u003cempty\u003e An optional, comma-separated list of zero or more Hugo supported options as well as extension parameter from this table. \u003coption\u003e \u003cempty\u003e Any of Hugo’s supported options. \u003ccontent\u003e \u003cempty\u003e Your code to highlight. Configuration Default values for Hugo’s supported options can be set via goldmark settings in your config.toml\nDefault values for extension options can be set via params settings in your config.toml or be overwritten by frontmatter for each individual page.\nGlobal Configuration File Recommended Settings [markup] [markup.highlight] # line numbers in a table layout will shift if code is wrapping, so better # use inline; besides that visually both layouts have the same look and behavior lineNumbersInTable = false # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid or Math codefences guessSyntax = false # the shipped variants come with their own modified chroma syntax highlightning # style which is imported in theme-relearn-light.css, theme-relearn-dark.css, etc.; # if you want to use a predefined style instead: # - remove `noClasses` or set `noClasses = true` # - set `style` to a predefined style name noClasses = false # style = \"tango\"Optional Settings [params] highlightWrap = truePage’s Frontmatter +++ highlightWrap = true +++Examples Line Numbers with Starting Offset As mentioned above, line numbers in a table layout will shift if code is wrapping, so better use inline. To make things easier for you, set lineNumbersInTable = false in your config.toml and add lineNos = true when calling the shortcode instead of the specific values table or inline.\n{{\u003c highlight lineNos=\"true\" lineNoStart=\"666\" type=\"py\" \u003e}} # the hardest part is to start writing code; here's a kickstart; just copy and paste this; it's free; the next lines will cost you serious credits print(\"Hello\") print(\" \") print(\"World\") print(\"!\") {{\u003c /highlight \u003e}}666# the hardest part is to start writing code; here's a kickstart; just copy and paste this; it's free; the next lines will cost you serious credits 667print(\"Hello\") 668print(\" \") 669print(\"World\") 670print(\"!\") Codefence with Title ```py { title=\"python\" } # a bit shorter print(\"Hello World!\") ``` ​ python # a bit shorter print(\"Hello World!\") With Wrap {{\u003c highlight type=\"py\" wrap=\"true\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff Without Wrap {{\u003c highlight type=\"py\" wrap=\"false\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x for x in L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x for x in L[1:] if x\u003e=L[0]]) # Some more stuff ",
     "description": "Render code with a syntax highlighter",
     "tags": null,
     "title": "Highlight",
@@ -365,7 +365,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The icon shortcode displays icons using the Font Awesome library.\nUsage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=\"exclamation-triangle\" %}} {{% icon icon=\"angle-double-up\" %}} {{% icon icon=\"skull-crossbones\" %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Position Default Notes icon 1 \u003cempty\u003e Font Awesome icon name to be displayed. It will be displayed in the text color of its according context. Finding an icon Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.\nOnce on the Font Awesome page for a specific icon, for example the page for the heart, copy the icon name and paste into the Markdown content.\nCustomising Icons Font Awesome provides many ways to modify the icon\nChange color (by default the icon will inherit the parent color) Increase or decrease size Rotate Combine with other icons Check the full documentation on web fonts with CSS for more.\nExamples Standard Usage Built with {{% icon heart %}} by Relearn and HugoBuilt with by Relearn and Hugo\nAdvanced HTML Usage While the shortcode simplifies using standard icons, the icon customization and other advanced features of the Font Awesome library require you to use HTML directly. Paste the \u003ci\u003e HTML into markup, and Font Awesome will load the relevant icon.\nBuilt with \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearn and HugoBuilt with by Relearn and Hugo\nTo use these native HTML elements in your Markdown, add this in your config.toml:\n[markup.goldmark.renderer] unsafe = true",
+    "content": "The icon shortcode displays icons using the Font Awesome library.\nUsage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode (positional) partial {{% icon icon=\"exclamation-triangle\" %}} {{% icon icon=\"angle-double-up\" %}} {{% icon icon=\"skull-crossbones\" %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Position Default Notes icon 1 \u003cempty\u003e Font Awesome icon name to be displayed. It will be displayed in the text color of its according context. Finding an icon Browse through the available icons in the Font Awesome Gallery. Notice that the free filter is enabled, as only the free icons are available by default.\nOnce on the Font Awesome page for a specific icon, for example the page for the heart, copy the icon name and paste into the Markdown content.\nCustomising Icons Font Awesome provides many ways to modify the icon\nChange color (by default the icon will inherit the parent color) Increase or decrease size Rotate Combine with other icons Check the full documentation on web fonts with CSS for more.\nExamples Standard Usage Built with {{% icon heart %}} by Relearn and HugoBuilt with by Relearn and Hugo\nAdvanced HTML Usage While the shortcode simplifies using standard icons, the icon customization and other advanced features of the Font Awesome library require you to use HTML directly. Paste the \u003ci\u003e HTML into markup, and Font Awesome will load the relevant icon.\nBuilt with \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearn and HugoBuilt with by Relearn and Hugo\nTo use these native HTML elements in your Markdown, add this in your config.toml:\n[markup.goldmark.renderer] unsafe = true",
     "description": "Nice icons for your page",
     "tags": null,
     "title": "Icon",
@@ -373,7 +373,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The include shortcode includes other files from your project inside of the current page.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"page\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.\nParameter Name Position Default Notes file 1 \u003cempty\u003e The path to the file to be included. Path resolution adheres to Hugo’s build-in readFile function hidefirstheading 2 false When true and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files. Examples Arbitrary Content {{% include \"shortcodes/INCLUDE_ME.md\" %}}You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": "The include shortcode includes other files from your project inside of the current page.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.\n​ shortcode shortcode (positional) partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"page\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.\nParameter Name Position Default Notes file 1 \u003cempty\u003e The path to the file to be included. Path resolution adheres to Hugo’s build-in readFile function hidefirstheading 2 false When true and the included file contains headings, the first heading will be hidden. This comes in handy, eg. if you include otherwise standalone Markdown files. Examples Arbitrary Content {{% include \"shortcodes/INCLUDE_ME.md\" %}}You can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc.1 ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "Displays content from other files",
     "tags": null,
     "title": "Include",
@@ -389,7 +389,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The math shortcode generates beautiful formatted math and chemical formulae using the MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Math codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"page\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your formuale. Configuration MathJax is configured with default settings. You can customize MathJax’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into MathJax’s configuration object.\nSee MathJax documentation for all allowed settings.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Math codefences guessSyntax = falsePage’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++Examples Inline Math Inline math is generated if you use a single `$` as a delimiter around your formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}}Inline math is generated if you use a single $ as a delimiter around your formulae: $\\sqrt{3}$\nBlocklevel Math with Right Alignment If you delimit your formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}}If you delimit your formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence You can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
+    "content": "The math shortcode generates beautiful formatted math and chemical formulae using the MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Math codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence shortcode partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"page\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values are left, center or right. \u003ccontent\u003e \u003cempty\u003e Your formuale. Configuration MathJax is configured with default settings. You can customize MathJax’s default settings for all of your files thru a JSON object in your config.toml or override these settings per page thru your pages frontmatter.\nThe JSON object of your config.toml / frontmatter is forwarded into MathJax’s configuration object.\nSee MathJax documentation for all allowed settings.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Math codefences guessSyntax = falsePage’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++Examples Inline Math Inline math is generated if you use a single `$` as a delimiter around your formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}}Inline math is generated if you use a single $ as a delimiter around your formulae: $\\sqrt{3}$\nBlocklevel Math with Right Alignment If you delimit your formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}}If you delimit your formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence You can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "Beautiful math and chemical formulae",
     "tags": null,
     "title": "Math",
@@ -397,7 +397,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The mermaid shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the Mermaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"page\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nParameter Name Default Notes align center Allowed values are left, center or right. zoom see notes Whether the graph is pan- and zoomable.\nIf not set the value is determined by the mermaidZoom setting of the site or the pages frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan and zoom active \u003ccontent\u003e \u003cempty\u003e Your Mermaid graph. Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid codefences guessSyntax = falsePage’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++Examples Flowchart with YAML-Title {{\u003c mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram with Configuration Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! Class Diagram with Codefence Syntax ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned to the Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model with Non-Default Mermaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Quadrant Chart {{\u003c mermaid \u003e}} pie title Pets adopted by volunteers title Reach and engagement of campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] {{\u003c /mermaid \u003e}} quadrantChart title Reach and engagement of campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid Timeline {{\u003c mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter Sankey {{\u003c mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generation / exports,104.453 Electricity grid,Heating and cooling - homes,113.726 Electricity grid,H2 conversion,27.14 {{\u003c /mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generation / exports,104.453 Electricity grid,Heating and cooling - homes,113.726 Electricity grid,H2 conversion,27.14 ",
+    "content": "The mermaid shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the Mermaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Note This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter it is recommended to use codefences instead. This is because more and more other software supports Mermaid codefences (eg. GitHub) and so your markdown becomes more portable.\nYou are free to also call this shortcode from your own partials.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting (see the configuration section).\n​ codefence shortcode partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"page\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} The generated graphs can be be panned by dragging them and zoomed by using the mousewheel. On mobile devices you can use finger gestures.\nParameter Name Default Notes align center Allowed values are left, center or right. zoom see notes Whether the graph is pan- and zoomable.\nIf not set the value is determined by the mermaidZoom setting of the site or the pages frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan and zoom active \u003ccontent\u003e \u003cempty\u003e Your Mermaid graph. Configuration Mermaid is configured with default settings. You can customize Mermaid’s default settings for all of your files thru a JSON object in your config.toml, override these settings per page thru your pages frontmatter or override these setting per diagramm thru diagram directives.\nThe JSON object of your config.toml / frontmatter is forwarded into Mermaid’s mermaid.initialize() function.\nSee Mermaid documentation for all allowed settings.\nThe theme setting can also be set by your used color variant. This will be the sitewide default and can - again - be overridden by your settings in config.toml, frontmatter or diagram directives.\nNote To use codefence syntax you have to turn off guessSyntax for the markup.highlight setting.\nGlobal Configuration File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [markup] [markup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Mermaid and Math codefences will not work anymore! So this is a # mandatory setting for your site if you want to use Mermaid codefences guessSyntax = falsePage’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++Examples Flowchart with YAML-Title {{\u003c mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram with Configuration Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how are you? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about you? Bob--\u003e\u003eJohn: Jolly good! Class Diagram with Codefence Syntax ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned to the Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model with Non-Default Mermaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"liable for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to Mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to Mermaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Quadrant Chart {{\u003c mermaid \u003e}} pie title Pets adopted by volunteers title Reach and engagement of campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] {{\u003c /mermaid \u003e}} quadrantChart title Reach and engagement of campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need to promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: the test text. risk: high verifymethod: test } element test_entity { type: simulation } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram for Internet Banking System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Banking Customer A\", \"A customer of the bank, with personal bank accounts.\") Person(customerB, \"Banking Customer B\") Person_Ext(customerC, \"Banking Customer C\", \"desc\") Person(customerD, \"Banking Customer D\", \"A customer of the bank, \u003cbr/\u003e with personal bank accounts.\") System(SystemAA, \"Internet Banking System\", \"Allows customers to view information about their bank accounts, and make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Banking System\", \"Stores all of the core banking information about customers, accounts, transactions, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Banking System A\") System(SystemB, \"Banking System B\", \"A system of the bank, with personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Banking System D Database\", \"A system of the bank, with personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Banking System F Queue\", \"A system of the bank.\") SystemQueue_Ext(SystemG, \"Banking System G Queue\", \"A system of the bank, with personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisation British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creation Uses Creative techniques Strategic planning Argument mapping Tools Pen and paper Mermaid Timeline {{\u003c mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History of Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter Sankey {{\u003c mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generation / exports,104.453 Electricity grid,Heating and cooling - homes,113.726 Electricity grid,H2 conversion,27.14 {{\u003c /mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generation / exports,104.453 Electricity grid,Heating and cooling - homes,113.726 Electricity grid,H2 conversion,27.14 ",
     "description": "Generate diagrams and flowcharts from text",
     "tags": null,
     "title": "Mermaid",
@@ -413,7 +413,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Positional Parameter {{% notice default \"Pay Attention to this Note!\" \"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title=\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nWith User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" icon=\"fab fa-hackerrank\" %}} Victor? Is it you? {{% /notice %}} Hugo Victor? Is it you?\n",
+    "content": "The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.\nThere may be pirates It is all about the boxes.\nUsage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.\n​ shortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" icon=\"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It is all about the boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It is all about the boxes.\" )}} Parameter Name Position Default Notes style 1 default The style scheme used for the box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title 2 see notes Arbitrary text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon 3 see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in box. Examples By Severity Info with markup {{% notice style=\"info\" %}} An **information** disclaimer You can add standard markdown syntax: - multiple paragraphs - bullet point lists - _emphasized_, **bold** and even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e the possibilities are endless (almost - including other shortcodes may or may not work) {{% /notice %}} Info An information disclaimer\nYou can add standard markdown syntax:\nmultiple paragraphs bullet point lists emphasized, bold and even bold emphasized text links etc. ...and even source code the possibilities are endless (almost - including other shortcodes may or may not work)\nNote {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Note A notice disclaimer\nTip {{% notice style=\"tip\" %}} A **tip** disclaimer Tip A tip disclaimer\nWarning {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Warning A warning disclaimer\nWarning with Non-Default Title and Icon {{% notice style=\"warning\" title=\"Here are dragons\" icon=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here are dragons A warning disclaimer\nWarning without a Title and Icon {{% notice style=\"warning\" title=\" \" icon=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary with Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary with Icon only {{% notice style=\"secondary\" icon=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title and Icon {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen with Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey with Icon only {{% notice style=\"grey\" icon=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange with Title and Icon {{% notice style=\"orange\" title=\"Orange\" icon=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title and Icon {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default with Positional Parameter {{% notice default \"Pay Attention to this Note!\" \"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nTransparent with Title and Icon {{% notice style=\"transparent\" title=\"Pay Attention to this Note!\" icon=\"skull-crossbones\" %}} Some serious information. {{% /notice %}} Pay Attention to this Note! Some serious information.\nWith User-Defined Color, Font Awesome Brand Icon and Markdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" icon=\"fab fa-hackerrank\" %}} Victor? Is it you? {{% /notice %}} Hugo Victor? Is it you?\n",
     "description": "Disclaimers to help you structure your page",
     "tags": null,
     "title": "Notice",
@@ -421,7 +421,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.\nNote This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"page\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e The URL to the OpenAPI specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Note If you want to print out (or generate a PDF) from your OpenAPI documentation, don’t initiate printing directly from the page because the elements are optimized for interactive usage in a browser.\nInstead, open the print preview in your browser and initiate printing from that page. This page is optimized for reading and expands most of the available sections.\nExample Using Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
+    "content": "The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.\nNote This only works in modern browsers.\nUsage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"page\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e The URL to the OpenAPI specification file. This can be relative to the URL of your page if it is a leaf or branch bundle. Note If you want to print out (or generate a PDF) from your OpenAPI documentation, don’t initiate printing directly from the page because the elements are optimized for interactive usage in a browser.\nInstead, open the print preview in your browser and initiate printing from that page. This page is optimized for reading and expands most of the available sections.\nExample Using Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
     "description": "UI for your OpenAPI / Swagger specifications",
     "tags": null,
     "title": "OpenAPI",
@@ -536,7 +536,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The siteparam shortcode prints values of site params.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"page\" . \"name\" \"editURL\" )}} Parameter Name Position Default Notes name 1 \u003cempty\u003e The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}}editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nNested parameter with Markdown and HTML formatting To use formatted parameter, add this in your config.toml:\n[markup.goldmark.renderer] unsafe = true ​ config.toml config.toml [params] [params.siteparam.test] text = \"A **nested** parameter \u003cb\u003ewith\u003c/b\u003e formatting\" Formatted parameter: {{% siteparam name=\"siteparam.test.text\" %}}Formatted parameter: A nested parameter \u003cb\u003ewith\u003c/b\u003e formatting\n",
+    "content": "The siteparam shortcode prints values of site params.\nUsage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.\n​ shortcode shortcode (positional) partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"page\" . \"name\" \"editURL\" )}} Parameter Name Position Default Notes name 1 \u003cempty\u003e The name of the site param to be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}}editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nNested parameter with Markdown and HTML formatting To use formatted parameter, add this in your config.toml:\n[markup.goldmark.renderer] unsafe = true ​ config.toml [params] [params.siteparam.test] text = \"A **nested** parameter \u003cb\u003ewith\u003c/b\u003e formatting\" Formatted parameter: {{% siteparam name=\"siteparam.test.text\" %}}Formatted parameter: A nested parameter \u003cb\u003ewith\u003c/b\u003e formatting\n",
     "description": "Get value of site params",
     "tags": null,
     "title": "SiteParam",
@@ -544,7 +544,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "You can use a tab shortcode to display a single tab.\nThis is especially useful if you want to flag your code example with an explicit language.\nIf you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.\n​ c c printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"page\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderString) )}} Parameter Name Default Notes style see notes The style scheme used for the tab. If you don’t set a style and you display a single code block inside of the tab, its default styling will adapt to that of a code block. Otherwise default is used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary title for the tab. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in the tab. Examples Single Code Block with Collapsed Margins {{% tab title=\"Code\" %}} ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Code Code printf(\"Hello World!\"); Mixed Markdown Content {{% tab title=\"_**Mixed**_\" %}} A tab can not only contain code but arbitrary text. In this case text **and** code will get a margin. ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Mixed Mixed A tab can not only contain code but arbitrary text. In this case text and code will get a margin.\nprintf(\"Hello World!\"); Understanding style and color Behavior The style parameter affects how the color parameter is applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} The `style` parameter is set to a color style. This will set the background to a lighter version of the chosen style color as configured in your theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only the `color` parameter is set. This will set the background to a lighter version of the chosen CSS color value. {{% /tab %}} {{% tab title=\"default style and color\" style=\"default\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. The `default` style will set the background to your `--MAIN-BG-color` as configured for your theme variant resembling the default style but with different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} The `style` parameter is set to a severity style. This will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon. {{% /tab %}} {{% tab title=\"severity style and color\" style=\"info\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. This will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just colored style just color just color default style and color default style and color just severity style just severity style severity style and color severity style and color The style parameter is set to a color style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant.\nOnly the color parameter is set.\nThis will set the background to a lighter version of the chosen CSS color value.\nThe style parameter affects how the color parameter is applied.\nThe default style will set the background to your --MAIN-BG-color as configured for your theme variant resembling the default style but with different color.\nThe style parameter is set to a severity style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon.\nThe style parameter affects how the color parameter is applied.\nThis will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon.\n",
+    "content": "You can use a tab shortcode to display a single tab.\nThis is especially useful if you want to flag your code example with an explicit language.\nIf you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.\n​ c printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\n​ shortcode partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"page\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderString) )}} Parameter Name Default Notes style see notes The style scheme used for the tab. If you don’t set a style and you display a single code block inside of the tab, its default styling will adapt to that of a code block. Otherwise default is used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes The CSS color value to be used. If not set, the chosen color depends on the style. Any given value will overwrite the default.\n- for severity styles: a nice matching color for the severity\n- for all other styles: the corresponding color title see notes Arbitrary title for the tab. Depending on the style there may be a default title. Any given value will overwrite the default.\n- for severity styles: the matching title for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no title for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) icon see notes Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default.\n- for severity styles: a nice matching icon for the severity\n- for all other styles: \u003cempty\u003e\nIf you want no icon for a severity style, you have to set this parameter to \" \" (a non empty string filled with spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text to be displayed in the tab. Examples Single Code Block with Collapsed Margins {{% tab title=\"Code\" %}} ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Code printf(\"Hello World!\"); Mixed Markdown Content {{% tab title=\"_**Mixed**_\" %}} A tab can not only contain code but arbitrary text. In this case text **and** code will get a margin. ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Mixed A tab can not only contain code but arbitrary text. In this case text and code will get a margin.\nprintf(\"Hello World!\"); Understanding style and color Behavior The style parameter affects how the color parameter is applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} The `style` parameter is set to a color style. This will set the background to a lighter version of the chosen style color as configured in your theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only the `color` parameter is set. This will set the background to a lighter version of the chosen CSS color value. {{% /tab %}} {{% tab title=\"default style and color\" style=\"default\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. The `default` style will set the background to your `--MAIN-BG-color` as configured for your theme variant resembling the default style but with different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} The `style` parameter is set to a severity style. This will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon. {{% /tab %}} {{% tab title=\"severity style and color\" style=\"info\" color=\"blue\" %}} The `style` parameter affects how the `color` parameter is applied. This will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just color default style and color just severity style severity style and color The style parameter is set to a color style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant.\nOnly the color parameter is set.\nThis will set the background to a lighter version of the chosen CSS color value.\nThe style parameter affects how the color parameter is applied.\nThe default style will set the background to your --MAIN-BG-color as configured for your theme variant resembling the default style but with different color.\nThe style parameter is set to a severity style.\nThis will set the background to a lighter version of the chosen style color as configured in your theme variant and also affects the chosen icon.\nThe style parameter affects how the color parameter is applied.\nThis will set the background to a lighter version of the chosen CSS color value and also affects the chosen icon.\n",
     "description": "Show content in a single tab",
     "tags": null,
     "title": "Tab",
@@ -552,7 +552,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shortcodes",
-    "content": "The tabs shortcode displays arbitrary content in an unlimited number of tabs.\nThis comes in handy eg. for providing code snippets for multiple languages.\nIf you just want a single tab you can instead call the tab shortcode standalone.\nhello. py py sh sh c c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nSee the tab shortcode for a description of the parameter for nested tabs.\n​ shortcode shortcode partial partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"page\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderString) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderString) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderString) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name of the group the tab view belongs to.\nTab views with the same groupid sychronize their selected tab. The tab selection is restored automatically based on the groupid for tab view. If the selected tab can not be found in a tab group the first tab is selected instead.\nThis sychronization applies to the whole site! style \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. color \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. title \u003cempty\u003e Arbitrary title written in front of the tab view. icon \u003cempty\u003e Font Awesome icon name set to the left of the title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number of tabs defined with the tab sub-shortcode. Examples Behavior of the groupid See what happens to the tab views while you select different tabs.\nWhile pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.\n​ Group A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"text\" %}} Hello World {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json json XML stuff XML stuff text text 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello World Group A, Tab View 2 ​ json json XML stuff XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json json XML stuff XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tab Views and Color In case you want to nest tab views, the parent tab that contains nested tab views needs to be declared with {{\u003c tab \u003e}} instead of {{% tab %}}. Note, that in this case it is not possible to put markdown in the parent tab.\nYou can also set style and color parameter for all tabs and overwrite them on tab level. See the tab shortcode for possible values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" icon=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text is possible here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python is **super** easy. - most of the time. - if you don't want to output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash is for **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Text Code Code Simple text is possible here... ​ python python bash bash Python is super easy.\nmost of the time. if you don’t want to output unicode Bash is for hackers.\n...but no markdown ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": "The tabs shortcode displays arbitrary content in an unlimited number of tabs.\nThis comes in handy eg. for providing code snippets for multiple languages.\nIf you just want a single tab you can instead call the tab shortcode standalone.\nhello. py sh c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.\nSee the tab shortcode for a description of the parameter for nested tabs.\n​ shortcode partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"page\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderString) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderString) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderString) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name of the group the tab view belongs to.\nTab views with the same groupid sychronize their selected tab. The tab selection is restored automatically based on the groupid for tab view. If the selected tab can not be found in a tab group the first tab is selected instead.\nThis sychronization applies to the whole site! style \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. color \u003cempty\u003e Sets a default value for every contained tab. Can be overridden by each tab. See the tab shortcode for possible values. title \u003cempty\u003e Arbitrary title written in front of the tab view. icon \u003cempty\u003e Font Awesome icon name set to the left of the title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number of tabs defined with the tab sub-shortcode. Examples Behavior of the groupid See what happens to the tab views while you select different tabs.\nWhile pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.\n​ Group A, Tab View 1 Group A, Tab View 2 Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"text\" %}} Hello World {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json XML stuff text 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello World Group A, Tab View 2 ​ json XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tab Views and Color In case you want to nest tab views, the parent tab that contains nested tab views needs to be declared with {{\u003c tab \u003e}} instead of {{% tab %}}. Note, that in this case it is not possible to put markdown in the parent tab.\nYou can also set style and color parameter for all tabs and overwrite them on tab level. See the tab shortcode for possible values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" icon=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text is possible here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python is **super** easy. - most of the time. - if you don't want to output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash is for **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Code Simple text is possible here... ​ python bash Python is super easy.\nmost of the time. if you don’t want to output unicode Bash is for hackers.\n...but no markdown ​ python bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "Show content in tabbed views",
     "tags": null,
     "title": "Tabs",
diff --git a/more/credits/index.html b/more/credits/index.html
index 9a9d569ec4..991f145bdb 100644
--- a/more/credits/index.html
+++ b/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.print.html" rel="alternate" type="text/html" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -273,12 +273,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -435,13 +435,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 30607eec73..25bb83c6e1 100644
--- a/more/credits/index.print.html
+++ b/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/credits/index.html" rel="canonical" type="text/html" title="Credits :: Hugo Relearn Theme">
     <link href="../../more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Credits :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +145,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index cb8c6e5e75..34370814bc 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
     <base href="https://McShelby.github.io/hugo-theme-relearn/">
-    <link href="../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../js/url.js?1696187266"></script>
+    <script src="../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 27603c6846..b686898188 100644
--- a/pir/basics/configuration/index.html
+++ b/pir/basics/configuration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.print.html" rel="alternate" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -263,8 +263,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-a051caaa33b35ef9140e26cdf85329db" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051caaa33b35ef9140e26cdf85329db"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc57ac6d1d35a801af87d53b5fdff826" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc57ac6d1d35a801af87d53b5fdff826"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -309,8 +309,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-9f4aa6052e5a084aa879aaadc1213a6e" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f4aa6052e5a084aa879aaadc1213a6e"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0e8b7589852f3f0f355cf32d0ec787b2" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e8b7589852f3f0f355cf32d0ec787b2"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -402,12 +402,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -564,13 +564,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index d5ddfec506..461dbf9f1e 100644
--- a/pir/basics/configuration/index.print.html
+++ b/pir/basics/configuration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/configuration/index.html" rel="canonical" type="text/html" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/configuration/index.xml" rel="alternate" type="application/rss+xml" title="Configurrrat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-a051caaa33b35ef9140e26cdf85329db" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051caaa33b35ef9140e26cdf85329db"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc57ac6d1d35a801af87d53b5fdff826" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc57ac6d1d35a801af87d53b5fdff826"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -246,8 +246,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-9f4aa6052e5a084aa879aaadc1213a6e" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f4aa6052e5a084aa879aaadc1213a6e"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0e8b7589852f3f0f355cf32d0ec787b2" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e8b7589852f3f0f355cf32d0ec787b2"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -258,8 +258,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 04fa96fb61..b00ec4ed61 100644
--- a/pir/basics/customization/index.html
+++ b/pir/basics/customization/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.print.html" rel="alternate" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -324,12 +324,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -486,13 +486,13 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 57340413a1..e6e4a26fe7 100644
--- a/pir/basics/customization/index.print.html
+++ b/pir/basics/customization/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/customization/index.html" rel="canonical" type="text/html" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/customization/index.xml" rel="alternate" type="application/rss+xml" title="Customizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +188,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?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 3ff0c9696b..f27fe63791 100644
--- a/pir/basics/generator/index.html
+++ b/pir/basics/generator/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +125,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-646ce796080f0b9e150fde990f880917" aria-controls="R-expandcontent-646ce796080f0b9e150fde990f880917" >
-    <label class="expand-label" for="R-expand-646ce796080f0b9e150fde990f880917" >
+    <input type="checkbox" id="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" aria-controls="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" >
+    <label class="expand-label" for="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-646ce796080f0b9e150fde990f880917" class="expand-content">
+    <div id="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" 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>
@@ -267,12 +267,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -429,27 +429,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696161529" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696161529" defer></script>
-    <script src="../../../js/mermaid.min.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696187267" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696187267" defer></script>
+    <script src="../../../js/mermaid.min.js?1696187267" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 69007e8676..ecb983a3a1 100644
--- a/pir/basics/generator/index.print.html
+++ b/pir/basics/generator/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generrrat&#39;r :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-646ce796080f0b9e150fde990f880917" aria-controls="R-expandcontent-646ce796080f0b9e150fde990f880917" >
-    <label class="expand-label" for="R-expand-646ce796080f0b9e150fde990f880917" >
+    <input type="checkbox" id="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" aria-controls="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" >
+    <label class="expand-label" for="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-646ce796080f0b9e150fde990f880917" class="expand-content">
+    <div id="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" 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>
@@ -147,22 +147,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696161530" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696161530" defer></script>
-    <script src="../../../js/mermaid.min.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696187269" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696187269" defer></script>
+    <script src="../../../js/mermaid.min.js?1696187269" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index c48cfaf180..516cdad182 100644
--- a/pir/basics/history/index.html
+++ b/pir/basics/history/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.print.html" rel="alternate" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2148,12 +2148,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2310,13 +2310,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index f1ca0fff36..1b0fb23642 100644
--- a/pir/basics/history/index.print.html
+++ b/pir/basics/history/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/history/index.html" rel="canonical" type="text/html" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/history/index.xml" rel="alternate" type="application/rss+xml" title="Historrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1344,8 +1344,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 657ecdab93..919dd729fd 100644
--- a/pir/basics/index.html
+++ b/pir/basics/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.print.html" rel="alternate" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../js/search.js?1696161529" defer></script>
+        <script src="../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -376,13 +376,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../js/theme.js?1696161529" defer></script>
+    <script src="../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 55e0e1941a..25d1d0b91f 100644
--- a/pir/basics/index.print.html
+++ b/pir/basics/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/index.html" rel="canonical" type="text/html" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/basics/index.xml" rel="alternate" type="application/rss+xml" title="Basics :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../js/url.js?1696161530"></script>
-    <script src="../../js/variant.js?1696161530"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../js/url.js?1696187269"></script>
+    <script src="../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -889,8 +889,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-541138ea34a3090ef9a7a90bc20ecf9c" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-541138ea34a3090ef9a7a90bc20ecf9c"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d58ba3df206e41936e9454f4f9058cf" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d58ba3df206e41936e9454f4f9058cf"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -935,8 +935,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-6f50a7b821dc7696518d0effa99c77cf" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6f50a7b821dc7696518d0effa99c77cf"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-545589d029047b6accf9e79c88cc4acb" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545589d029047b6accf9e79c88cc4acb"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1094,8 +1094,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-a051caaa33b35ef9140e26cdf85329db" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051caaa33b35ef9140e26cdf85329db"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc57ac6d1d35a801af87d53b5fdff826" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc57ac6d1d35a801af87d53b5fdff826"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1140,8 +1140,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-9f4aa6052e5a084aa879aaadc1213a6e" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f4aa6052e5a084aa879aaadc1213a6e"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0e8b7589852f3f0f355cf32d0ec787b2" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e8b7589852f3f0f355cf32d0ec787b2"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1266,13 +1266,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="R-expand-646ce796080f0b9e150fde990f880917" aria-controls="R-expandcontent-646ce796080f0b9e150fde990f880917" >
-    <label class="expand-label" for="R-expand-646ce796080f0b9e150fde990f880917" >
+    <input type="checkbox" id="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" aria-controls="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" >
+    <label class="expand-label" for="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-646ce796080f0b9e150fde990f880917" class="expand-content">
+    <div id="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" 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>
@@ -1331,8 +1331,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7cca5a5adb6adbea95457d0bff23f4db" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cca5a5adb6adbea95457d0bff23f4db"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-516de088728bd9deffc4d6939d86f8a0" class="lightbox-link"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-516de088728bd9deffc4d6939d86f8a0"><img src="../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1344,8 +1344,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-a06582075d1587f34e02dfb9b0af485f" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a06582075d1587f34e02dfb9b0af485f"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c955315e2e454db7cd41b23302c07128" class="lightbox-link"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c955315e2e454db7cd41b23302c07128"><img src="../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -2930,22 +2930,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161530" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161530" defer></script>
-    <script src="../../js/mermaid.min.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187269" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187269" defer></script>
+    <script src="../../js/mermaid.min.js?1696187269" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index afe475bf83..583cd2b8f3 100644
--- a/pir/basics/installation/index.html
+++ b/pir/basics/installation/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.print.html" rel="alternate" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +166,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-6f50a7b821dc7696518d0effa99c77cf" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6f50a7b821dc7696518d0effa99c77cf"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-545589d029047b6accf9e79c88cc4acb" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545589d029047b6accf9e79c88cc4acb"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -286,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -448,13 +448,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index b980288414..19178e02d0 100644
--- a/pir/basics/installation/index.print.html
+++ b/pir/basics/installation/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/installation/index.html" rel="canonical" type="text/html" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/installation/index.xml" rel="alternate" type="application/rss+xml" title="Installat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-6f50a7b821dc7696518d0effa99c77cf" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6f50a7b821dc7696518d0effa99c77cf"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-545589d029047b6accf9e79c88cc4acb" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545589d029047b6accf9e79c88cc4acb"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -151,8 +151,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index a096bc1387..e6466e98be 100644
--- a/pir/basics/migration/index.html
+++ b/pir/basics/migration/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.print.html" rel="alternate" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1036,12 +1036,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1198,13 +1198,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index d69032ed6a..f4ccf462f6 100644
--- a/pir/basics/migration/index.print.html
+++ b/pir/basics/migration/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/migration/index.html" rel="canonical" type="text/html" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/migration/index.xml" rel="alternate" type="application/rss+xml" title="What&#39;s New :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -868,8 +868,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 8c31c35e71..528cbfcb2e 100644
--- a/pir/basics/requirements/index.html
+++ b/pir/basics/requirements/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.print.html" rel="alternate" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +115,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-541138ea34a3090ef9a7a90bc20ecf9c" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-541138ea34a3090ef9a7a90bc20ecf9c"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d58ba3df206e41936e9454f4f9058cf" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d58ba3df206e41936e9454f4f9058cf"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -210,12 +210,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -372,13 +372,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 6567a4f0a8..8d9dcd4a05 100644
--- a/pir/basics/requirements/index.print.html
+++ b/pir/basics/requirements/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/requirements/index.html" rel="canonical" type="text/html" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/requirements/index.xml" rel="alternate" type="application/rss+xml" title="Requirrrements :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 <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="#R-image-541138ea34a3090ef9a7a90bc20ecf9c" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-541138ea34a3090ef9a7a90bc20ecf9c"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d58ba3df206e41936e9454f4f9058cf" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d58ba3df206e41936e9454f4f9058cf"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 0ddd0b0dbb..976b5f390c 100644
--- a/pir/basics/topbar/index.html
+++ b/pir/basics/topbar/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.print.html" rel="alternate" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +144,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7cca5a5adb6adbea95457d0bff23f4db" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cca5a5adb6adbea95457d0bff23f4db"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-516de088728bd9deffc4d6939d86f8a0" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-516de088728bd9deffc4d6939d86f8a0"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -157,8 +157,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-a06582075d1587f34e02dfb9b0af485f" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a06582075d1587f34e02dfb9b0af485f"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c955315e2e454db7cd41b23302c07128" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c955315e2e454db7cd41b23302c07128"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -559,12 +559,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -721,13 +721,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index 02d1f9a2d1..51eea99f93 100644
--- a/pir/basics/topbar/index.print.html
+++ b/pir/basics/topbar/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/basics/topbar/index.html" rel="canonical" type="text/html" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/basics/topbar/index.xml" rel="alternate" type="application/rss+xml" title="Topbarrr Modificat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7cca5a5adb6adbea95457d0bff23f4db" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cca5a5adb6adbea95457d0bff23f4db"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-516de088728bd9deffc4d6939d86f8a0" class="lightbox-link"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-516de088728bd9deffc4d6939d86f8a0"><img src="../../../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -97,8 +97,8 @@
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-a06582075d1587f34e02dfb9b0af485f" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a06582075d1587f34e02dfb9b0af485f"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c955315e2e454db7cd41b23302c07128" class="lightbox-link"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c955315e2e454db7cd41b23302c07128"><img src="../../../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -418,8 +418,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index a823dc685f..01d8cb88f6 100644
--- a/pir/categories/basic/index.html
+++ b/pir/categories/basic/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/basic/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/basic/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/basic/index.xml" rel="alternate" type="application/rss+xml" title="basic :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index a33a703607..af83315e9c 100644
--- a/pir/categories/content/index.html
+++ b/pir/categories/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/content/index.xml" rel="alternate" type="application/rss+xml" title="content :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index f93da27d29..f5c575909b 100644
--- a/pir/categories/custom/index.html
+++ b/pir/categories/custom/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/custom/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/custom/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/custom/index.xml" rel="alternate" type="application/rss+xml" title="custom :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 7ad3aba988..076c76501c 100644
--- a/pir/categories/index.html
+++ b/pir/categories/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/categories/index.xml" rel="alternate" type="application/rss+xml" title="Categorrries :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../js/search.js?1696161530" defer></script>
+        <script src="../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 549cd7564f..2d8ea5f810 100644
--- a/pir/categories/taxonomy/index.html
+++ b/pir/categories/taxonomy/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/taxonomy/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="taxonomy :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 960adfa408..5e63bfcd34 100644
--- a/pir/categories/theming/index.html
+++ b/pir/categories/theming/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/categories/theming/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/categories/theming/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/categories/theming/index.xml" rel="alternate" type="application/rss+xml" title="theming :: Categorrry :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -363,13 +363,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 72694b065d..0ef5b0438b 100644
--- a/pir/cont/archetypes/index.html
+++ b/pir/cont/archetypes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.print.html" rel="alternate" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +144,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-7fe825c91f957c9db190783194fe1ce9" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fe825c91f957c9db190783194fe1ce9"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-71c67e65b31b97485233038feee62929" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71c67e65b31b97485233038feee62929"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -155,8 +155,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f440e9e946e3ef59638ab7827bff7ae7" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f440e9e946e3ef59638ab7827bff7ae7"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-aece6b7f682f5c23569d43b3f6a28d64" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-aece6b7f682f5c23569d43b3f6a28d64"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -168,8 +168,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-de05bb3cf76f0bc6ef5a222b040f72ea" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-de05bb3cf76f0bc6ef5a222b040f72ea"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c703d3529997c764d510bc2f7102cd3" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c703d3529997c764d510bc2f7102cd3"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -303,12 +303,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -465,13 +465,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index f53f11ee2d..c4ab3a9565 100644
--- a/pir/cont/archetypes/index.print.html
+++ b/pir/cont/archetypes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/archetypes/index.html" rel="canonical" type="text/html" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/archetypes/index.xml" rel="alternate" type="application/rss+xml" title="Arrrchetypes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-7fe825c91f957c9db190783194fe1ce9" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fe825c91f957c9db190783194fe1ce9"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-71c67e65b31b97485233038feee62929" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71c67e65b31b97485233038feee62929"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -99,8 +99,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f440e9e946e3ef59638ab7827bff7ae7" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f440e9e946e3ef59638ab7827bff7ae7"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-aece6b7f682f5c23569d43b3f6a28d64" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-aece6b7f682f5c23569d43b3f6a28d64"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -112,8 +112,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-de05bb3cf76f0bc6ef5a222b040f72ea" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-de05bb3cf76f0bc6ef5a222b040f72ea"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c703d3529997c764d510bc2f7102cd3" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c703d3529997c764d510bc2f7102cd3"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -166,8 +166,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 42a0ded508..22cfe7d102 100644
--- a/pir/cont/i18n/index.html
+++ b/pir/cont/i18n/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.print.html" rel="alternate" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-540ae722883d5382625ef4993b305ea5" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-540ae722883d5382625ef4993b305ea5"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -324,12 +324,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -486,13 +486,13 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 9dd89590b2..f02536629b 100644
--- a/pir/cont/i18n/index.print.html
+++ b/pir/cont/i18n/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/i18n/index.html" rel="canonical" type="text/html" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/i18n/index.xml" rel="alternate" type="application/rss+xml" title="Multilingual an&#39; i18n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-540ae722883d5382625ef4993b305ea5" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-540ae722883d5382625ef4993b305ea5"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -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?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index ee20464222..8430e7006b 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +134,15 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="3c2af2b428a1ce117a0d424282383980">
+<div class="tab-panel" data-tab-group="6c38ab75838527816f9d735daa9193b9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3c2af2b428a1ce117a0d424282383980','configtoml')"
+      onclick="switchTab('6c38ab75838527816f9d735daa9193b9','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -164,18 +161,15 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="b9548a6e8fb260f0cd500edfacc40266">
+<div class="tab-panel" data-tab-group="a4adb43021a8e7c56324e487c570d55a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9548a6e8fb260f0cd500edfacc40266','frontmatter')"
+      onclick="switchTab('a4adb43021a8e7c56324e487c570d55a','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -193,18 +187,15 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="1c948b266418ddb142e1b4dd0201b09b">
+<div class="tab-panel" data-tab-group="6a9fed9fcdf3fe183f01e377ee4a5445">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1c948b266418ddb142e1b4dd0201b09b','url')"
+      onclick="switchTab('6a9fed9fcdf3fe183f01e377ee4a5445','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -219,18 +210,15 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="253c623b985a8cdf90d523eb12a53fac">
+<div class="tab-panel" data-tab-group="913020a079c6ef7d49e635bcb1a83a83">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('253c623b985a8cdf90d523eb12a53fac','result')"
+      onclick="switchTab('913020a079c6ef7d49e635bcb1a83a83','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -248,18 +236,15 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="b70eff3dcf6371c8d3837b3b70ba6f7e">
+<div class="tab-panel" data-tab-group="34aff01127c1afcdaa601dec72a5501c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b70eff3dcf6371c8d3837b3b70ba6f7e','html')"
+      onclick="switchTab('34aff01127c1afcdaa601dec72a5501c','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -372,12 +357,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -534,13 +519,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index 42e67c0dea..f954a7e894 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +90,15 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="3c2af2b428a1ce117a0d424282383980">
+<div class="tab-panel" data-tab-group="6c38ab75838527816f9d735daa9193b9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3c2af2b428a1ce117a0d424282383980','configtoml')"
+      onclick="switchTab('6c38ab75838527816f9d735daa9193b9','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -120,18 +117,15 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="b9548a6e8fb260f0cd500edfacc40266">
+<div class="tab-panel" data-tab-group="a4adb43021a8e7c56324e487c570d55a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9548a6e8fb260f0cd500edfacc40266','frontmatter')"
+      onclick="switchTab('a4adb43021a8e7c56324e487c570d55a','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -149,18 +143,15 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="1c948b266418ddb142e1b4dd0201b09b">
+<div class="tab-panel" data-tab-group="6a9fed9fcdf3fe183f01e377ee4a5445">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1c948b266418ddb142e1b4dd0201b09b','url')"
+      onclick="switchTab('6a9fed9fcdf3fe183f01e377ee4a5445','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -175,18 +166,15 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="253c623b985a8cdf90d523eb12a53fac">
+<div class="tab-panel" data-tab-group="913020a079c6ef7d49e635bcb1a83a83">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('253c623b985a8cdf90d523eb12a53fac','result')"
+      onclick="switchTab('913020a079c6ef7d49e635bcb1a83a83','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -204,18 +192,15 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="b70eff3dcf6371c8d3837b3b70ba6f7e">
+<div class="tab-panel" data-tab-group="34aff01127c1afcdaa601dec72a5501c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b70eff3dcf6371c8d3837b3b70ba6f7e','html')"
+      onclick="switchTab('34aff01127c1afcdaa601dec72a5501c','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -247,8 +232,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 4d4694b81b..607b991854 100644
--- a/pir/cont/index.html
+++ b/pir/cont/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.print.html" rel="alternate" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../js/search.js?1696161529" defer></script>
+        <script src="../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -376,13 +376,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../js/theme.js?1696161529" defer></script>
+    <script src="../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index b6eaddb0e1..f4d51ed972 100644
--- a/pir/cont/index.print.html
+++ b/pir/cont/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/index.html" rel="canonical" type="text/html" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/cont/index.xml" rel="alternate" type="application/rss+xml" title="Rambl&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../js/url.js?1696161530"></script>
-    <script src="../../js/variant.js?1696161530"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../js/url.js?1696187269"></script>
+    <script src="../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +175,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-46ae94a02adad7ce664aae81170faeb9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ae94a02adad7ce664aae81170faeb9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7539ea8bebc2beceaf8e018836cd9977" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7539ea8bebc2beceaf8e018836cd9977"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -227,8 +227,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-7fe825c91f957c9db190783194fe1ce9" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fe825c91f957c9db190783194fe1ce9"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-71c67e65b31b97485233038feee62929" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71c67e65b31b97485233038feee62929"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -238,8 +238,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f440e9e946e3ef59638ab7827bff7ae7" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f440e9e946e3ef59638ab7827bff7ae7"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-aece6b7f682f5c23569d43b3f6a28d64" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-aece6b7f682f5c23569d43b3f6a28d64"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -251,8 +251,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-de05bb3cf76f0bc6ef5a222b040f72ea" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-de05bb3cf76f0bc6ef5a222b040f72ea"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c703d3529997c764d510bc2f7102cd3" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c703d3529997c764d510bc2f7102cd3"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -825,8 +825,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d3a7d2896e1d5c10985ab5014159c017" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d3a7d2896e1d5c10985ab5014159c017"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-551c9df4593e3516852a07780556f020" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-551c9df4593e3516852a07780556f020"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -836,8 +836,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b0509c519d512fdbbfdcdc38b1b54fa0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b0509c519d512fdbbfdcdc38b1b54fa0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-55da92b20d400cec50018033e715378e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-55da92b20d400cec50018033e715378e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -849,8 +849,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d1ff7e6b6df21b362d23ae14f4b49bfe" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1ff7e6b6df21b362d23ae14f4b49bfe"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f149b39769bbb6687d7606978ca642f1" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f149b39769bbb6687d7606978ca642f1"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -862,8 +862,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-02be6b4a2478152b6ab83bd23d215592" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-02be6b4a2478152b6ab83bd23d215592"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b6a51716a23dcd8089e4003133f55a19" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b6a51716a23dcd8089e4003133f55a19"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -871,8 +871,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c315baa5dcb9efcd5e377ecb21b276bc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c315baa5dcb9efcd5e377ecb21b276bc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-03db24db6e569671d72c90ac243cb2ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-03db24db6e569671d72c90ac243cb2ec"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -880,8 +880,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-06fa11780a2502477b2baf0b53e3e2fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-06fa11780a2502477b2baf0b53e3e2fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-848c60d2c5c782e0382b5f2c9a632bec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-848c60d2c5c782e0382b5f2c9a632bec"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -892,8 +892,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e70bf542514c3c9ffcad82252902fa38" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e70bf542514c3c9ffcad82252902fa38"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-cd42318f459577bad0f374a7d880d524" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd42318f459577bad0f374a7d880d524"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -902,8 +902,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-55c083a51d603cc4ebd4cf8233846a17" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-55c083a51d603cc4ebd4cf8233846a17"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4fdeb3e4682617144a2f7ba1ef2d990e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4fdeb3e4682617144a2f7ba1ef2d990e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -912,8 +912,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d6c9702b24f8a31e6e45920ff3fb6b7b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c9702b24f8a31e6e45920ff3fb6b7b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a52f6c58e7dcdf743d0aadec1ec02c6a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a52f6c58e7dcdf743d0aadec1ec02c6a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -922,8 +922,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-be6d10ca63d225be0b55a47629f60751" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-be6d10ca63d225be0b55a47629f60751"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8cc86fc39bbd536942773544d72a7ab8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cc86fc39bbd536942773544d72a7ab8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -935,14 +935,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-dca48a61abcc97ff7958ddcac5fd7df5" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dca48a61abcc97ff7958ddcac5fd7df5"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-8c3649780bcf8ca1e2c47f023ada9fcc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c3649780bcf8ca1e2c47f023ada9fcc"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-5c6e9c230b36046fa15c090be19542af" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c6e9c230b36046fa15c090be19542af"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-4e00d71229fe44fcabbc59d58762a03a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e00d71229fe44fcabbc59d58762a03a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c796e7d1ecf08236f5c57fe31adc1411" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c796e7d1ecf08236f5c57fe31adc1411"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-c0744f0e9168d9f77f38f3d8039c405d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0744f0e9168d9f77f38f3d8039c405d"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-9c9431be21459c5b502e2212e24ec2d7" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c9431be21459c5b502e2212e24ec2d7"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-a7f67739dd3f0d38800b692629f8e767" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7f67739dd3f0d38800b692629f8e767"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -951,8 +951,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a4bf579873081096ff07e92af53c3b82" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4bf579873081096ff07e92af53c3b82"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-71054bf96af8990d614607ab12da5aac" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71054bf96af8990d614607ab12da5aac"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -994,18 +994,15 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="3c2af2b428a1ce117a0d424282383980">
+<div class="tab-panel" data-tab-group="6c38ab75838527816f9d735daa9193b9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3c2af2b428a1ce117a0d424282383980','configtoml')"
+      onclick="switchTab('6c38ab75838527816f9d735daa9193b9','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1024,18 +1021,15 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="b9548a6e8fb260f0cd500edfacc40266">
+<div class="tab-panel" data-tab-group="a4adb43021a8e7c56324e487c570d55a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9548a6e8fb260f0cd500edfacc40266','frontmatter')"
+      onclick="switchTab('a4adb43021a8e7c56324e487c570d55a','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1053,18 +1047,15 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="1c948b266418ddb142e1b4dd0201b09b">
+<div class="tab-panel" data-tab-group="6a9fed9fcdf3fe183f01e377ee4a5445">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1c948b266418ddb142e1b4dd0201b09b','url')"
+      onclick="switchTab('6a9fed9fcdf3fe183f01e377ee4a5445','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1079,18 +1070,15 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="253c623b985a8cdf90d523eb12a53fac">
+<div class="tab-panel" data-tab-group="913020a079c6ef7d49e635bcb1a83a83">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('253c623b985a8cdf90d523eb12a53fac','result')"
+      onclick="switchTab('913020a079c6ef7d49e635bcb1a83a83','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1108,18 +1096,15 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="b70eff3dcf6371c8d3837b3b70ba6f7e">
+<div class="tab-panel" data-tab-group="34aff01127c1afcdaa601dec72a5501c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b70eff3dcf6371c8d3837b3b70ba6f7e','html')"
+      onclick="switchTab('34aff01127c1afcdaa601dec72a5501c','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1298,8 +1283,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-540ae722883d5382625ef4993b305ea5" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-540ae722883d5382625ef4993b305ea5"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1439,8 +1424,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 3aded8770f..8124588c0f 100644
--- a/pir/cont/markdown/index.html
+++ b/pir/cont/markdown/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.print.html" rel="alternate" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -692,8 +692,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d3a7d2896e1d5c10985ab5014159c017" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d3a7d2896e1d5c10985ab5014159c017"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-551c9df4593e3516852a07780556f020" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-551c9df4593e3516852a07780556f020"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -703,8 +703,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b0509c519d512fdbbfdcdc38b1b54fa0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b0509c519d512fdbbfdcdc38b1b54fa0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-55da92b20d400cec50018033e715378e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-55da92b20d400cec50018033e715378e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -716,8 +716,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d1ff7e6b6df21b362d23ae14f4b49bfe" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1ff7e6b6df21b362d23ae14f4b49bfe"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f149b39769bbb6687d7606978ca642f1" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f149b39769bbb6687d7606978ca642f1"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -729,8 +729,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-02be6b4a2478152b6ab83bd23d215592" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-02be6b4a2478152b6ab83bd23d215592"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b6a51716a23dcd8089e4003133f55a19" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b6a51716a23dcd8089e4003133f55a19"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -738,8 +738,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c315baa5dcb9efcd5e377ecb21b276bc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c315baa5dcb9efcd5e377ecb21b276bc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-03db24db6e569671d72c90ac243cb2ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-03db24db6e569671d72c90ac243cb2ec"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -747,8 +747,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-06fa11780a2502477b2baf0b53e3e2fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-06fa11780a2502477b2baf0b53e3e2fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-848c60d2c5c782e0382b5f2c9a632bec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-848c60d2c5c782e0382b5f2c9a632bec"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -759,8 +759,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e70bf542514c3c9ffcad82252902fa38" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e70bf542514c3c9ffcad82252902fa38"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-cd42318f459577bad0f374a7d880d524" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd42318f459577bad0f374a7d880d524"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -769,8 +769,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-55c083a51d603cc4ebd4cf8233846a17" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-55c083a51d603cc4ebd4cf8233846a17"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4fdeb3e4682617144a2f7ba1ef2d990e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4fdeb3e4682617144a2f7ba1ef2d990e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -779,8 +779,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d6c9702b24f8a31e6e45920ff3fb6b7b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c9702b24f8a31e6e45920ff3fb6b7b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a52f6c58e7dcdf743d0aadec1ec02c6a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a52f6c58e7dcdf743d0aadec1ec02c6a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -789,8 +789,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-be6d10ca63d225be0b55a47629f60751" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-be6d10ca63d225be0b55a47629f60751"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8cc86fc39bbd536942773544d72a7ab8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cc86fc39bbd536942773544d72a7ab8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -802,14 +802,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-dca48a61abcc97ff7958ddcac5fd7df5" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dca48a61abcc97ff7958ddcac5fd7df5"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-8c3649780bcf8ca1e2c47f023ada9fcc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c3649780bcf8ca1e2c47f023ada9fcc"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-5c6e9c230b36046fa15c090be19542af" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c6e9c230b36046fa15c090be19542af"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-4e00d71229fe44fcabbc59d58762a03a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e00d71229fe44fcabbc59d58762a03a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c796e7d1ecf08236f5c57fe31adc1411" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c796e7d1ecf08236f5c57fe31adc1411"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-c0744f0e9168d9f77f38f3d8039c405d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0744f0e9168d9f77f38f3d8039c405d"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-9c9431be21459c5b502e2212e24ec2d7" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c9431be21459c5b502e2212e24ec2d7"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-a7f67739dd3f0d38800b692629f8e767" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7f67739dd3f0d38800b692629f8e767"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -818,8 +818,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a4bf579873081096ff07e92af53c3b82" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4bf579873081096ff07e92af53c3b82"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-71054bf96af8990d614607ab12da5aac" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71054bf96af8990d614607ab12da5aac"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -932,12 +932,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1094,13 +1094,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index fa58c3a0cd..1d66328d05 100644
--- a/pir/cont/markdown/index.print.html
+++ b/pir/cont/markdown/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/markdown/index.html" rel="canonical" type="text/html" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/markdown/index.xml" rel="alternate" type="application/rss+xml" title="Marrrkdown rules :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -600,8 +600,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d3a7d2896e1d5c10985ab5014159c017" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d3a7d2896e1d5c10985ab5014159c017"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-551c9df4593e3516852a07780556f020" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-551c9df4593e3516852a07780556f020"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -611,8 +611,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b0509c519d512fdbbfdcdc38b1b54fa0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b0509c519d512fdbbfdcdc38b1b54fa0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-55da92b20d400cec50018033e715378e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-55da92b20d400cec50018033e715378e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -624,8 +624,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d1ff7e6b6df21b362d23ae14f4b49bfe" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1ff7e6b6df21b362d23ae14f4b49bfe"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f149b39769bbb6687d7606978ca642f1" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f149b39769bbb6687d7606978ca642f1"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -637,8 +637,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-02be6b4a2478152b6ab83bd23d215592" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-02be6b4a2478152b6ab83bd23d215592"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b6a51716a23dcd8089e4003133f55a19" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b6a51716a23dcd8089e4003133f55a19"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -646,8 +646,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c315baa5dcb9efcd5e377ecb21b276bc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c315baa5dcb9efcd5e377ecb21b276bc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-03db24db6e569671d72c90ac243cb2ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-03db24db6e569671d72c90ac243cb2ec"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -655,8 +655,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-06fa11780a2502477b2baf0b53e3e2fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-06fa11780a2502477b2baf0b53e3e2fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-848c60d2c5c782e0382b5f2c9a632bec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-848c60d2c5c782e0382b5f2c9a632bec"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -667,8 +667,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e70bf542514c3c9ffcad82252902fa38" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e70bf542514c3c9ffcad82252902fa38"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-cd42318f459577bad0f374a7d880d524" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd42318f459577bad0f374a7d880d524"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -677,8 +677,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-55c083a51d603cc4ebd4cf8233846a17" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-55c083a51d603cc4ebd4cf8233846a17"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4fdeb3e4682617144a2f7ba1ef2d990e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4fdeb3e4682617144a2f7ba1ef2d990e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -687,8 +687,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d6c9702b24f8a31e6e45920ff3fb6b7b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c9702b24f8a31e6e45920ff3fb6b7b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a52f6c58e7dcdf743d0aadec1ec02c6a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a52f6c58e7dcdf743d0aadec1ec02c6a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -697,8 +697,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-be6d10ca63d225be0b55a47629f60751" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-be6d10ca63d225be0b55a47629f60751"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8cc86fc39bbd536942773544d72a7ab8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cc86fc39bbd536942773544d72a7ab8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -710,14 +710,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-dca48a61abcc97ff7958ddcac5fd7df5" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dca48a61abcc97ff7958ddcac5fd7df5"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-8c3649780bcf8ca1e2c47f023ada9fcc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c3649780bcf8ca1e2c47f023ada9fcc"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-5c6e9c230b36046fa15c090be19542af" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c6e9c230b36046fa15c090be19542af"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-4e00d71229fe44fcabbc59d58762a03a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e00d71229fe44fcabbc59d58762a03a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c796e7d1ecf08236f5c57fe31adc1411" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c796e7d1ecf08236f5c57fe31adc1411"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-c0744f0e9168d9f77f38f3d8039c405d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0744f0e9168d9f77f38f3d8039c405d"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-9c9431be21459c5b502e2212e24ec2d7" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c9431be21459c5b502e2212e24ec2d7"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-a7f67739dd3f0d38800b692629f8e767" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7f67739dd3f0d38800b692629f8e767"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -726,8 +726,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a4bf579873081096ff07e92af53c3b82" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4bf579873081096ff07e92af53c3b82"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-71054bf96af8990d614607ab12da5aac" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71054bf96af8990d614607ab12da5aac"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -759,8 +759,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 9721a78904..8254284735 100644
--- a/pir/cont/menushortcuts/index.html
+++ b/pir/cont/menushortcuts/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.print.html" rel="alternate" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -344,12 +344,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -506,13 +506,13 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 825c5b8d8f..9fe4790def 100644
--- a/pir/cont/menushortcuts/index.print.html
+++ b/pir/cont/menushortcuts/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/menushortcuts/index.html" rel="canonical" type="text/html" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/menushortcuts/index.xml" rel="alternate" type="application/rss+xml" title="Menu extrrra shorrrtcuts :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,8 +217,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?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index aee33d6007..13ce9c02d1 100644
--- a/pir/cont/pages/index.html
+++ b/pir/cont/pages/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.print.html" rel="alternate" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-46ae94a02adad7ce664aae81170faeb9" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ae94a02adad7ce664aae81170faeb9"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7539ea8bebc2beceaf8e018836cd9977" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7539ea8bebc2beceaf8e018836cd9977"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -338,12 +338,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -500,13 +500,13 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index db1abee062..947cfcce6f 100644
--- a/pir/cont/pages/index.print.html
+++ b/pir/cont/pages/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/pages/index.html" rel="canonical" type="text/html" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/pages/index.xml" rel="alternate" type="application/rss+xml" title="planks orrrganizat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +159,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-46ae94a02adad7ce664aae81170faeb9" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ae94a02adad7ce664aae81170faeb9"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7539ea8bebc2beceaf8e018836cd9977" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7539ea8bebc2beceaf8e018836cd9977"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -203,8 +203,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 7bdc10e25e..0f06c1f9f2 100644
--- a/pir/cont/taxonomy/index.html
+++ b/pir/cont/taxonomy/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.print.html" rel="alternate" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -245,12 +245,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -407,13 +407,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index b930470b30..938e0b0373 100644
--- a/pir/cont/taxonomy/index.print.html
+++ b/pir/cont/taxonomy/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/taxonomy/index.html" rel="canonical" type="text/html" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/taxonomy/index.xml" rel="alternate" type="application/rss+xml" title="Taxonomy :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +118,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 597cbf0c99..7972120569 100644
--- a/pir/dev/contributing/index.html
+++ b/pir/dev/contributing/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -335,12 +335,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -501,13 +501,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 778ff25ebe..eb3fc45a2f 100644
--- a/pir/dev/contributing/index.print.html
+++ b/pir/dev/contributing/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/contributing/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/contributing/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -209,8 +209,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index c21e6808b2..e270dfdc08 100644
--- a/pir/dev/index.html
+++ b/pir/dev/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../js/search.js?1696161530" defer></script>
+        <script src="../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -386,13 +386,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 1f67856077..1ba50899cf 100644
--- a/pir/dev/index.print.html
+++ b/pir/dev/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../js/url.js?1696161530"></script>
-    <script src="../../js/variant.js?1696161530"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../js/url.js?1696187269"></script>
+    <script src="../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -472,8 +472,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-2808740cfa7e35fa0e4a24b84362df3f" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2808740cfa7e35fa0e4a24b84362df3f"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-17075835d0cbb6234fe6cafcbc2a5a46" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17075835d0cbb6234fe6cafcbc2a5a46"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -502,11 +502,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-703ab2466165e393600fa3e2f56a0c61" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-703ab2466165e393600fa3e2f56a0c61"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5acaf497fff2e4ad22a623a9700fd38d" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5acaf497fff2e4ad22a623a9700fd38d"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-eb6706143d0de66b256c87c5c7d4db9a" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6706143d0de66b256c87c5c7d4db9a"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cfa3f0b978b0a31210ffead9762b38ec" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cfa3f0b978b0a31210ffead9762b38ec"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -518,8 +518,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 790125a2c4..941ba864cb 100644
--- a/pir/dev/maintaining/index.html
+++ b/pir/dev/maintaining/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -422,12 +422,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -588,13 +588,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index f038f16776..4cbb1d4d2d 100644
--- a/pir/dev/maintaining/index.print.html
+++ b/pir/dev/maintaining/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/maintaining/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/maintaining/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +285,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 6149745531..455927cd39 100644
--- a/pir/dev/screenshots/index.html
+++ b/pir/dev/screenshots/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,8 +168,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-2808740cfa7e35fa0e4a24b84362df3f" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2808740cfa7e35fa0e4a24b84362df3f"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-17075835d0cbb6234fe6cafcbc2a5a46" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17075835d0cbb6234fe6cafcbc2a5a46"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -198,11 +198,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-703ab2466165e393600fa3e2f56a0c61" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-703ab2466165e393600fa3e2f56a0c61"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5acaf497fff2e4ad22a623a9700fd38d" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5acaf497fff2e4ad22a623a9700fd38d"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-eb6706143d0de66b256c87c5c7d4db9a" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6706143d0de66b256c87c5c7d4db9a"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cfa3f0b978b0a31210ffead9762b38ec" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cfa3f0b978b0a31210ffead9762b38ec"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -294,12 +294,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -460,13 +460,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index a239b00685..a6b124fcf7 100644
--- a/pir/dev/screenshots/index.print.html
+++ b/pir/dev/screenshots/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -113,8 +113,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#R-image-2808740cfa7e35fa0e4a24b84362df3f" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2808740cfa7e35fa0e4a24b84362df3f"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-17075835d0cbb6234fe6cafcbc2a5a46" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-17075835d0cbb6234fe6cafcbc2a5a46"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -143,11 +143,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#R-image-703ab2466165e393600fa3e2f56a0c61" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-703ab2466165e393600fa3e2f56a0c61"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5acaf497fff2e4ad22a623a9700fd38d" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5acaf497fff2e4ad22a623a9700fd38d"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#R-image-eb6706143d0de66b256c87c5c7d4db9a" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-eb6706143d0de66b256c87c5c7d4db9a"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-cfa3f0b978b0a31210ffead9762b38ec" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cfa3f0b978b0a31210ffead9762b38ec"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -158,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index fb6ef5caf1..ac8e9f0aee 100644
--- a/pir/index.html
+++ b/pir/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.print.html" rel="alternate" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../js/url.js?1696187266"></script>
+    <script src="../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@
 </div>
 <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="#R-image-867e44e6a594ba485e9a18d7adbfc560" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-867e44e6a594ba485e9a18d7adbfc560"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-01d4af6cf98beec20c6f7f4a5bdab2d9" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-01d4af6cf98beec20c6f7f4a5bdab2d9"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -317,12 +317,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161529" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../js/search.js?1696161529" defer></script>
+        <script src="../js/auto-complete.js?1696187267" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -479,13 +479,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161529"></script>
+          <script async src="../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../js/theme.js?1696161529" defer></script>
+    <script src="../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 82bdc9d2a2..7d1cb8317e 100644
--- a/pir/index.print.html
+++ b/pir/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/index.html" rel="canonical" type="text/html" title="Cap&#39;n Hugo Relearrrn Theme">
     <link href="../pir/index.xml" rel="alternate" type="application/rss+xml" title="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../js/url.js?1696161530"></script>
-    <script src="../js/variant.js?1696161530"></script>
+    <link href="../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../js/url.js?1696187269"></script>
+    <script src="../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>
 <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="#R-image-867e44e6a594ba485e9a18d7adbfc560" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-867e44e6a594ba485e9a18d7adbfc560"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-01d4af6cf98beec20c6f7f4a5bdab2d9" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-01d4af6cf98beec20c6f7f4a5bdab2d9"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -999,8 +999,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#R-image-541138ea34a3090ef9a7a90bc20ecf9c" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-541138ea34a3090ef9a7a90bc20ecf9c"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8d58ba3df206e41936e9454f4f9058cf" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8d58ba3df206e41936e9454f4f9058cf"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1045,8 +1045,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#R-image-6f50a7b821dc7696518d0effa99c77cf" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-6f50a7b821dc7696518d0effa99c77cf"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-545589d029047b6accf9e79c88cc4acb" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-545589d029047b6accf9e79c88cc4acb"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1204,8 +1204,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#R-image-a051caaa33b35ef9140e26cdf85329db" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a051caaa33b35ef9140e26cdf85329db"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-dc57ac6d1d35a801af87d53b5fdff826" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-dc57ac6d1d35a801af87d53b5fdff826"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1250,8 +1250,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#R-image-9f4aa6052e5a084aa879aaadc1213a6e" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-9f4aa6052e5a084aa879aaadc1213a6e"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-0e8b7589852f3f0f355cf32d0ec787b2" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-0e8b7589852f3f0f355cf32d0ec787b2"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1376,13 +1376,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="R-expand-646ce796080f0b9e150fde990f880917" aria-controls="R-expandcontent-646ce796080f0b9e150fde990f880917" >
-    <label class="expand-label" for="R-expand-646ce796080f0b9e150fde990f880917" >
+    <input type="checkbox" id="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" aria-controls="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" >
+    <label class="expand-label" for="R-expand-634c5100ec3ac96aea9a2b7c716b21e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-646ce796080f0b9e150fde990f880917" class="expand-content">
+    <div id="R-expandcontent-634c5100ec3ac96aea9a2b7c716b21e6" 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>
@@ -1441,8 +1441,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-7cca5a5adb6adbea95457d0bff23f4db" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7cca5a5adb6adbea95457d0bff23f4db"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-516de088728bd9deffc4d6939d86f8a0" class="lightbox-link"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-516de088728bd9deffc4d6939d86f8a0"><img src="../basics/topbar/topbar-closed.png" alt="Topbar on mobile devices" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Nevertheless, yer requirements may differ from this configurat'n. Luckily th' theme got ye covered as th' themebar, its buttons an' th' functionality behind these buttons be fully configur'ble by ye.</p>
 
 <div class="box notices cstyle tip">
@@ -1454,8 +1454,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 </div>
 <h2 id="areas">Areas</h2>
 <p>Th' default configurat'n comes wit' three predefined areas that may contain an arbitrary set o' buttons.</p>
-<p><a href="#R-image-a06582075d1587f34e02dfb9b0af485f" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a06582075d1587f34e02dfb9b0af485f"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c955315e2e454db7cd41b23302c07128" class="lightbox-link"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c955315e2e454db7cd41b23302c07128"><img src="../basics/topbar/topbar-areas.png" alt="Topbar wit' default areas marked" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <ul>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/start.html" target="_blank"><strong>start</strong></a>: shown between menu an' breadcrumb</li>
 <li><a href="https://github.com/McShelby/hugo-theme-relearn/blob/main/layouts/partials/topbar/area/end.html" target="_blank"><strong>end</strong></a>: shown on th' opposite breadcrumb side 'n comparison t' th' <em>start</em> area</li>
@@ -3136,8 +3136,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-46ae94a02adad7ce664aae81170faeb9" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-46ae94a02adad7ce664aae81170faeb9"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#R-image-7539ea8bebc2beceaf8e018836cd9977" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-7539ea8bebc2beceaf8e018836cd9977"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -3188,8 +3188,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#R-image-7fe825c91f957c9db190783194fe1ce9" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-7fe825c91f957c9db190783194fe1ce9"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-71c67e65b31b97485233038feee62929" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71c67e65b31b97485233038feee62929"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3199,8 +3199,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#R-image-f440e9e946e3ef59638ab7827bff7ae7" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-f440e9e946e3ef59638ab7827bff7ae7"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-aece6b7f682f5c23569d43b3f6a28d64" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-aece6b7f682f5c23569d43b3f6a28d64"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -3212,8 +3212,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#R-image-de05bb3cf76f0bc6ef5a222b040f72ea" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-de05bb3cf76f0bc6ef5a222b040f72ea"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1c703d3529997c764d510bc2f7102cd3" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c703d3529997c764d510bc2f7102cd3"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -3786,8 +3786,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d3a7d2896e1d5c10985ab5014159c017" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d3a7d2896e1d5c10985ab5014159c017"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-551c9df4593e3516852a07780556f020" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-551c9df4593e3516852a07780556f020"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -3797,8 +3797,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b0509c519d512fdbbfdcdc38b1b54fa0" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b0509c519d512fdbbfdcdc38b1b54fa0"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-55da92b20d400cec50018033e715378e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-55da92b20d400cec50018033e715378e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3810,8 +3810,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d1ff7e6b6df21b362d23ae14f4b49bfe" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d1ff7e6b6df21b362d23ae14f4b49bfe"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-f149b39769bbb6687d7606978ca642f1" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-f149b39769bbb6687d7606978ca642f1"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3823,8 +3823,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-02be6b4a2478152b6ab83bd23d215592" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-02be6b4a2478152b6ab83bd23d215592"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-b6a51716a23dcd8089e4003133f55a19" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-b6a51716a23dcd8089e4003133f55a19"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3832,8 +3832,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-c315baa5dcb9efcd5e377ecb21b276bc" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-c315baa5dcb9efcd5e377ecb21b276bc"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-03db24db6e569671d72c90ac243cb2ec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-03db24db6e569671d72c90ac243cb2ec"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3841,8 +3841,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-06fa11780a2502477b2baf0b53e3e2fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-06fa11780a2502477b2baf0b53e3e2fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-848c60d2c5c782e0382b5f2c9a632bec" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-848c60d2c5c782e0382b5f2c9a632bec"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3853,8 +3853,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-e70bf542514c3c9ffcad82252902fa38" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-e70bf542514c3c9ffcad82252902fa38"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#R-image-cd42318f459577bad0f374a7d880d524" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-cd42318f459577bad0f374a7d880d524"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3863,8 +3863,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-55c083a51d603cc4ebd4cf8233846a17" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-55c083a51d603cc4ebd4cf8233846a17"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-4fdeb3e4682617144a2f7ba1ef2d990e" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-4fdeb3e4682617144a2f7ba1ef2d990e"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3873,8 +3873,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-d6c9702b24f8a31e6e45920ff3fb6b7b" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6c9702b24f8a31e6e45920ff3fb6b7b"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-a52f6c58e7dcdf743d0aadec1ec02c6a" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a52f6c58e7dcdf743d0aadec1ec02c6a"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3883,8 +3883,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-be6d10ca63d225be0b55a47629f60751" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-be6d10ca63d225be0b55a47629f60751"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-8cc86fc39bbd536942773544d72a7ab8" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-8cc86fc39bbd536942773544d72a7ab8"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3896,14 +3896,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-dca48a61abcc97ff7958ddcac5fd7df5" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-dca48a61abcc97ff7958ddcac5fd7df5"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-8c3649780bcf8ca1e2c47f023ada9fcc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8c3649780bcf8ca1e2c47f023ada9fcc"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-5c6e9c230b36046fa15c090be19542af" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-5c6e9c230b36046fa15c090be19542af"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#R-image-4e00d71229fe44fcabbc59d58762a03a" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-4e00d71229fe44fcabbc59d58762a03a"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-c796e7d1ecf08236f5c57fe31adc1411" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c796e7d1ecf08236f5c57fe31adc1411"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-c0744f0e9168d9f77f38f3d8039c405d" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-c0744f0e9168d9f77f38f3d8039c405d"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-9c9431be21459c5b502e2212e24ec2d7" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-9c9431be21459c5b502e2212e24ec2d7"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#R-image-a7f67739dd3f0d38800b692629f8e767" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-a7f67739dd3f0d38800b692629f8e767"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -3912,8 +3912,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-a4bf579873081096ff07e92af53c3b82" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-a4bf579873081096ff07e92af53c3b82"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#R-image-71054bf96af8990d614607ab12da5aac" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-71054bf96af8990d614607ab12da5aac"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3955,18 +3955,15 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="3c2af2b428a1ce117a0d424282383980">
+<div class="tab-panel" data-tab-group="6c38ab75838527816f9d735daa9193b9">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3c2af2b428a1ce117a0d424282383980','configtoml')"
+      onclick="switchTab('6c38ab75838527816f9d735daa9193b9','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3985,18 +3982,15 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="b9548a6e8fb260f0cd500edfacc40266">
+<div class="tab-panel" data-tab-group="a4adb43021a8e7c56324e487c570d55a">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b9548a6e8fb260f0cd500edfacc40266','frontmatter')"
+      onclick="switchTab('a4adb43021a8e7c56324e487c570d55a','frontmatter')"
     >
-      <span>
-        <span class="tab-nav-hidden">frontmatter</span>
-        <span class="tab-nav-text">frontmatter</span>
-      </span>
+      <span class="tab-nav-text">frontmatter</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4014,18 +4008,15 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="1c948b266418ddb142e1b4dd0201b09b">
+<div class="tab-panel" data-tab-group="6a9fed9fcdf3fe183f01e377ee4a5445">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1c948b266418ddb142e1b4dd0201b09b','url')"
+      onclick="switchTab('6a9fed9fcdf3fe183f01e377ee4a5445','url')"
     >
-      <span>
-        <span class="tab-nav-hidden">URL</span>
-        <span class="tab-nav-text">URL</span>
-      </span>
+      <span class="tab-nav-text">URL</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4040,18 +4031,15 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="253c623b985a8cdf90d523eb12a53fac">
+<div class="tab-panel" data-tab-group="913020a079c6ef7d49e635bcb1a83a83">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('253c623b985a8cdf90d523eb12a53fac','result')"
+      onclick="switchTab('913020a079c6ef7d49e635bcb1a83a83','result')"
     >
-      <span>
-        <span class="tab-nav-hidden">Result</span>
-        <span class="tab-nav-text">Result</span>
-      </span>
+      <span class="tab-nav-text">Result</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4069,18 +4057,15 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="b70eff3dcf6371c8d3837b3b70ba6f7e">
+<div class="tab-panel" data-tab-group="34aff01127c1afcdaa601dec72a5501c">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('b70eff3dcf6371c8d3837b3b70ba6f7e','html')"
+      onclick="switchTab('34aff01127c1afcdaa601dec72a5501c','html')"
     >
-      <span>
-        <span class="tab-nav-hidden">HTML</span>
-        <span class="tab-nav-text">HTML</span>
-      </span>
+      <span class="tab-nav-text">HTML</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4259,8 +4244,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-8dafbc1f1f0ef4508ab8354c8b4c19ec"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-540ae722883d5382625ef4993b305ea5" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-540ae722883d5382625ef4993b305ea5"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -4481,20 +4466,14 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4726,20 +4705,14 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4940,20 +4913,14 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5280,20 +5247,14 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5683,13 +5644,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="R-expand-777ade4a330e6c9df23e980da90ec72d" aria-controls="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" >
-    <label class="expand-label" for="R-expand-777ade4a330e6c9df23e980da90ec72d" >
+    <input type="checkbox" id="R-expand-3806d74d1d5843ea4fbd87844dd5df69" aria-controls="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" >
+    <label class="expand-label" for="R-expand-3806d74d1d5843ea4fbd87844dd5df69" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" class="expand-content">
+    <div id="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" 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>
@@ -5727,30 +5688,21 @@ So its rrrambl'n be used as descript'n.</p>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5816,26 +5768,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="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" aria-controls="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" >
-    <label class="expand-label" for="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" >
+    <input type="checkbox" id="R-expand-77ef9df0a815575b57414797ad94847d" aria-controls="R-expandcontent-77ef9df0a815575b57414797ad94847d" >
+    <label class="expand-label" for="R-expand-77ef9df0a815575b57414797ad94847d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" class="expand-content">
+    <div id="R-expandcontent-77ef9df0a815575b57414797ad94847d" 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="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" aria-controls="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23"  checked>
-    <label class="expand-label" for="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" >
+    <input type="checkbox" id="R-expand-a86b439e773f2091badcb8a15cc797e6" aria-controls="R-expandcontent-a86b439e773f2091badcb8a15cc797e6"  checked>
+    <label class="expand-label" for="R-expand-a86b439e773f2091badcb8a15cc797e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23" class="expand-content">
+    <div id="R-expandcontent-a86b439e773f2091badcb8a15cc797e6" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5856,13 +5808,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="R-expand-2a38aa28aca1c352bac150d6aa2bb219" aria-controls="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" >
-    <label class="expand-label" for="R-expand-2a38aa28aca1c352bac150d6aa2bb219" >
+    <input type="checkbox" id="R-expand-a59defdec1ee164b229fb5b52c42e70d" aria-controls="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" >
+    <label class="expand-label" for="R-expand-a59defdec1ee164b229fb5b52c42e70d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" class="expand-content">
+    <div id="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5900,18 +5852,15 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="e65f19fb00c8140fa98c9edeca24b18d">
+<div class="tab-panel" data-tab-group="76da9b051d9a595818efde66d38672f1">
   <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('e65f19fb00c8140fa98c9edeca24b18d','python')"
+      onclick="switchTab('76da9b051d9a595818efde66d38672f1','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -5938,50 +5887,35 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6129,18 +6063,15 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="21cd7736ae18f6596a90ce7014878b12">
+<div class="tab-panel" data-tab-group="d7c0d38454df8d2e0c4694176c06d4be">
   <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('21cd7736ae18f6596a90ce7014878b12','python')"
+      onclick="switchTab('d7c0d38454df8d2e0c4694176c06d4be','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6197,30 +6128,21 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6326,30 +6248,21 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6479,30 +6392,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -6664,30 +6568,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7280,30 +7175,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7632,20 +7518,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7700,7 +7580,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-b7bfcca0832cfc2c7680adc83daa4643"
+    id="R-openapi-c8c2e6f681f533f4ead598781ad4aa24"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7729,30 +7609,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7808,18 +7679,15 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a83277cb99f40aa923fe041ac5f0eaaa">
+<div class="tab-panel" data-tab-group="f4d4c8ef985a4df3da959089f319c46d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a83277cb99f40aa923fe041ac5f0eaaa','configtoml')"
+      onclick="switchTab('f4d4c8ef985a4df3da959089f319c46d','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7852,18 +7720,15 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="b0d127ff1afc50c451adc73bb7471dda">
+<div class="tab-panel" data-tab-group="04468db7c73bea3eba45236051973fc9">
   <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('b0d127ff1afc50c451adc73bb7471dda','c')"
+      onclick="switchTab('04468db7c73bea3eba45236051973fc9','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7887,20 +7752,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -7972,18 +7831,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="19fd0dfd4aa7eb0bc4a3456809f64f01">
+<div class="tab-panel" data-tab-group="b77ae09c4734d86399f9e39b9b496550">
   <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('19fd0dfd4aa7eb0bc4a3456809f64f01','code')"
+      onclick="switchTab('b77ae09c4734d86399f9e39b9b496550','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8003,18 +7859,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1debc424198fab9d7c5721bfa9032504">
+<div class="tab-panel" data-tab-group="e3cd6fdb0757d9c50198ab5caa63cbcb">
   <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('1debc424198fab9d7c5721bfa9032504','mixed')"
+      onclick="switchTab('e3cd6fdb0757d9c50198ab5caa63cbcb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8057,58 +7910,43 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="60194afd3320bfee88b1573954ed92b2">
+<div class="tab-panel" data-tab-group="bc1b367d99fc00ffaa1f6a36190c5430">
   <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('60194afd3320bfee88b1573954ed92b2','just-colored-style')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','default-style-and-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style an' color</span>
-        <span class="tab-nav-text">default style an' color</span>
-      </span>
+      <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('60194afd3320bfee88b1573954ed92b2','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8176,38 +8014,29 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="554e2441471afb4b3dff8aa66e1d7b7d">
+<div class="tab-panel" data-tab-group="e6a7a8e839c877844328a8f4ef66f781">
   <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('554e2441471afb4b3dff8aa66e1d7b7d','py')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','sh')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','c')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8246,20 +8075,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8359,38 +8182,29 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bbd8bca23d4b490a25c0062caccb8e4a">
+<div class="tab-panel" data-tab-group="9e9e716bc2851aa58847a3446837dd2a">
   <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('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-1')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-2')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-b')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8463,30 +8277,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8526,20 +8331,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8570,20 +8369,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8647,20 +8440,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8680,20 +8467,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8737,20 +8518,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -8786,8 +8561,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161530" defer></script>
+    <script src="../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187269" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8816,27 +8591,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696161530"></script>
-    <script src="../js/d3/d3-color.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696161530" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696161530" defer></script>
-    <script src="../js/js-yaml.min.js?1696161530" defer></script>
-    <script src="../js/mermaid.min.js?1696161530" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696187269"></script>
+    <script src="../js/d3/d3-color.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696187269" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696187269" defer></script>
+    <script src="../js/js-yaml.min.js?1696187269" defer></script>
+    <script src="../js/mermaid.min.js?1696187269" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696161530" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696161530" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696187269" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696187269" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161530", assetsBuster:  1696161530  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187269", assetsBuster:  1696187269  };
     </script>
-    <script src="../js/theme.js?1696161530" defer></script>
+    <script src="../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/index.search.js b/pir/index.search.js
index 64e991dd65..d25f908748 100644
--- a/pir/index.search.js
+++ b/pir/index.search.js
@@ -77,7 +77,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Rambl'n",
-    "content": " Th' theme supports non-standard image effects.\nAs described, ye can add this t' th' URL query parameter, but this may be cumbersome t' do it consistently fer th' whole plank.\nInstead, ye can configure th' defaults 'n yer config.toml aswell as overrid'n these default 'n th' planks frontmatter.\nExplicitly set URL query parameter will override th' defaults 'n effect fer a plank.\nWithout any sett'ns 'n yer config.toml this defaults t'\n​ config.toml config.toml [params] [params.imageEffects] border = false lightbox = true shadow = false This can be overridden 'n a planks frontmatter by eg.\n​ frontmatter frontmatter +++ [imageEffects] border = true +++ Or by explicitly override sett'ns by URL query parameter\n​ URL URL ![Minion](https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true) Th' sett'ns applied t' th' above image would be\n​ Result Result border = true lightbox = false shadow = false bg-white = true This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.\n​ HTML HTML \u003cimg src=\"https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true\" alt=\"Minion\" class=\"bg-white border nolightbox noshadow\"\u003e Extend'n As ye can see 'n th' above example, th' bg-white parameter be not initially supported 'n th' themes default sett'ns. Nevertheless ye be free t' define arbitrary parameter by just add'n them t' th' URL query parameter or set them 'n yer config.toml or planks frontmatter.\nAvast If no extended parameter like bg-white 'n th' example be set on th' URL, a class=\"nobg-white\" 'n th' HTML will only be generated if a default value was set 'n th' config.toml or planks frontmatter.\n",
+    "content": " Th' theme supports non-standard image effects.\nAs described, ye can add this t' th' URL query parameter, but this may be cumbersome t' do it consistently fer th' whole plank.\nInstead, ye can configure th' defaults 'n yer config.toml aswell as overrid'n these default 'n th' planks frontmatter.\nExplicitly set URL query parameter will override th' defaults 'n effect fer a plank.\nWithout any sett'ns 'n yer config.toml this defaults t'\n​ config.toml [params] [params.imageEffects] border = false lightbox = true shadow = false This can be overridden 'n a planks frontmatter by eg.\n​ frontmatter +++ [imageEffects] border = true +++ Or by explicitly override sett'ns by URL query parameter\n​ URL ![Minion](https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true) Th' sett'ns applied t' th' above image would be\n​ Result border = true lightbox = false shadow = false bg-white = true This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.\n​ HTML \u003cimg src=\"https://octodex.github.com/images/minion.png?lightbox=false\u0026bg-white=true\" alt=\"Minion\" class=\"bg-white border nolightbox noshadow\"\u003e Extend'n As ye can see 'n th' above example, th' bg-white parameter be not initially supported 'n th' themes default sett'ns. Nevertheless ye be free t' define arbitrary parameter by just add'n them t' th' URL query parameter or set them 'n yer config.toml or planks frontmatter.\nAvast If no extended parameter like bg-white 'n th' example be set on th' URL, a class=\"nobg-white\" 'n th' HTML will only be generated if a default value was set 'n th' config.toml or planks frontmatter.\n",
     "description": "",
     "tags": null,
     "title": "Image Effects",
@@ -213,7 +213,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Attachments NoTreasure.txt (26 B) Th' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Arrr Since Cap'n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an' simple planks must be switched t' leaf bundles or ye be currently locked t' a Cap'n Hugo version \u003c 0.112.0.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"page\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nIf yer plank be a leaf bundle, attachments must be placed 'n a nested index.files folder, accordingly.\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf If yer plank be a branch bundle, attachments must be placed 'n a nested _index.files folder, accordingly.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank index.md index.files attachment.pdf For simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank.files attachment.pdf plank.md Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n index.en.md index.pir.md plank index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
+    "content": " Attachments NoTreasure.txt (26 B) Th' attachments shortcode displays a list o' files attached t' a plank wit' adjust'ble color, title an' ay'con.\nAttachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Arrr Since Cap'n Hugo 0.112.0 this only works fer leaf bundles. Branch bundles an' simple planks must be switched t' leaf bundles or ye be currently locked t' a Cap'n Hugo version \u003c 0.112.0.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode partial {{% attachments sort=\"asc\" /%}} {{ partial \"shortcodes/attachments.html\" (dict \"page\" . \"sort\" \"asc\" )}} Parameter Name Default Notes style transparent Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: Attachments\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: paperclip\nIf ye want no ay'con, ye have t' set this parameter t' \" \" (a non empty d wit' spaces) sort asc Sort'n th' output 'n ascend'n or descend'n order. pattern .* A regular expressions, used t' filter th' attachments by file name. For example:\n- t' match a file suffix o' ‘jpg’, use .*\\.jpg (not *.\\.jpg)\n- t' match file names end'n 'n jpg or png, use .*\\.(jpg|png) Setup Single language Th' shortcode lists files found 'n a specific folder. Th' name o' th' folder depends on yer plank type (either branch bundle, leaf bundle or page).\nIf yer plank be a leaf bundle, attachments must be placed 'n a nested index.files folder, accordingly.\nrrrambl'n _index.md plank _index.md _index.files attachment.pdf If yer plank be a branch bundle, attachments must be placed 'n a nested _index.files folder, accordingly.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank index.md index.files attachment.pdf For simple planks, attachments must be placed 'n a folder named like yer plank an' end'n wit' .files.\nArrr This be only avail'ble fer Cap'n Hugo \u003c 0.112.0\nrrrambl'n _index.md plank.files attachment.pdf plank.md Multilingual Be aware that if ye use a multilingual website, ye will need t' have as many folders as languages an' th' language code must be part o' th' folder name.\nEg. fer a ship 'n English an' Piratish:\nrrrambl'n index.en.md index.pir.md plank index.en.md index.pir.md index.en.files attachment.pdf index.pir.files attachment.pdf Examples Custom Title, List o' Attachments End'n 'n pdf or mp4 {{% attachments title=\"Related **files**\" pattern=\".*\\.(pdf|mp4)\" /%}} Related files adivorciarsetoca00cape.pdf (361 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Ahoi Styled Box, Descend'n Sort Order {{% attachments style=\"info\" sort=\"desc\" /%}} Ahoi movieselectricsheep-flock-244-32500-2.mp4 (340 KB) hugo.txt (20 B) hugo.png (17 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) BachGavotteShort.mp3 (357 KB) adivorciarsetoca00cape.pdf (361 KB) Wit' User-Defined Color an' Font Awesome Brand Ay'con {{% attachments color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" /%}} Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Carroll_AliceAuPaysDesMerveilles.pdf (175 KB) hugo.png (17 KB) hugo.txt (20 B) movieselectricsheep-flock-244-32500-2.mp4 (340 KB) Style, Color, Title an' Ay'cons For further examples fer style, color, title an' ay'con, see th' notice shortcode documentat'n. Th' parameter be work'n th' same way fer both shorrrtcodes, besides hav'n different defaults.\n",
     "description": "",
     "tags": null,
     "title": "Attachments",
@@ -221,7 +221,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}}Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title an' Rrrambl'n {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}}\nPirate\nRank\nRank Pirate\nRank\nRank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
+    "content": " Th' badge shortcode displays little markers 'n yer text wit' adjust'ble color, title an' ay'con.\nImportant Version6.6.6 Captain AhoiNew Awesome\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=\"primary\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}} {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" %}}Awesome{{% /badge %}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"content\" \"Important\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"Version\" \"content\" \"6.6.6\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"red\" \"icon\" \"angle-double-up\" \"content\" \"Captain\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"style\" \"info\" \"content\" \"New\" )}} {{ partial \"shortcodes/badge.html\" (dict \"page\" . \"color\" \"fuchsia\" \"icon\" \"fab fa-hackerrank\" \"content\" \"Awesome\" )}} Parameter Name Default Notes style default Th' style scheme used fer th' badge.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary text fer th' badge title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text fer th' badge. Examples Style By Severity {{% badge style=\"info\" %}}New{{% /badge %}} {{% badge style=\"note\" %}}Change{{% /badge %}} {{% badge style=\"tip\" %}}Optional{{% /badge %}} {{% badge style=\"warning\" %}}Break'n{{% /badge %}} AhoiNew AvastChange Smarrrt ArrrseOptional ArrrBreak'n\nBy Brand Colors {{% badge style=\"primary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Mandatory{{% /badge %}} {{% badge style=\"secondary\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Optional{{% /badge %}} {{% badge style=\"accent\" ay'con=\"bullhorn\" title=\"Announcement\" %}}Special{{% /badge %}} AnnouncementMandatory AnnouncementOptional AnnouncementSpecial\nBy Color {{% badge style=\"blue\" ay'con=\"palette\" title=\"Color\" %}}Blue{{% /badge %}} {{% badge style=\"green\" ay'con=\"palette\" title=\"Color\" %}}Green{{% /badge %}} {{% badge style=\"grey\" ay'con=\"palette\" title=\"Color\" %}}Grey{{% /badge %}} {{% badge style=\"orange\" ay'con=\"palette\" title=\"Color\" %}}Orange{{% /badge %}} {{% badge style=\"red\" ay'con=\"palette\" title=\"Color\" %}}Red{{% /badge %}} ColorBlue ColorGreen ColorGrey ColorOrange ColorRed\nBy Special Color {{% badge style=\"default\" ay'con=\"palette\" title=\"Color\" %}}Default{{% /badge %}} {{% badge style=\"transparent\" ay'con=\"palette\" title=\"Color\" %}}Transparent{{% /badge %}} ColorDefault ColorTransparent\nVariants Without Ay'con an' Title Text {{% badge %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nWithout Ay'con {{% badge title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" ay'con=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" title=\"Rank\" %}}Captain{{% /badge %}}Version6.6.6 AhoiAwesome RankCaptain\nWithout Title Text {{% badge ay'con=\"star\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" title=\" \" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" %}}Captain{{% /badge %}}6.6.6 Awesome Captain\nAll Set {{% badge ay'con=\"star\" title=\"Version\" %}}6.6.6{{% /badge %}} {{% badge style=\"info\" %}}Awesome{{% /badge %}} {{% badge style=\"red\" ay'con=\"angle-double-up\" title=\"Rank\" %}}Captain{{% /badge %}} Version6.6.6 AhoiAwesome RankCaptain\nOverride fer Severity {{% badge style=\"info\" ay'con=\"rocket\" title=\"Feature\" %}}Awesome{{% /badge %}} FeatureAwesome Other Wit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title an' Rrrambl'n {{% badge color=\"fuchsia\" ay'con=\"fab fa-hackerrank\" title=\"**Font**\" %}}**Awesome**{{% /badge %}} FontAwesome Wit' Ay'con Rrrambl'n Ye can combine th' badge wit' th' ay'con shortcode t' create even more stunn'n visuals.\nIn this case ye need t' declare {{\u003c badge \u003e}} instead o' {{% badge %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' rrrambl'n.\n{{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}}{{\u003c /badge \u003e}} {{\u003c badge style=\"primary\" ay'con=\"angle-double-up\" title=\"Rank\" \u003e}}{{% ay'con skull-crossbones %}} Pirate{{\u003c /badge \u003e}}\nPirate\nRank\nRank Pirate\nRank\nRank Pirate\nInside o' Text Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. {{% badge style=\"blue\" ay'con=\"rocket\" %}}Awesome{{% /badge %}} Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Awesome Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.\n",
     "description": "",
     "tags": null,
     "title": "Badge",
@@ -237,7 +237,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "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 \"page\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"page\" . \"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 ",
+    "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 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 \"page\" . \"href\" \"https://gohugo.io/\" \"content\" \"Get Hugo\" )}} {{ partial \"shortcodes/button.html\" (dict \"page\" . \"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",
@@ -269,7 +269,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"page\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 (headless) plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2 (headless)This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 (headless) plank 1-1-3 plank 2 plank 3 plank 3-1 ",
+    "content": " Th' children shortcode lists th' child planks o' th' current plank an' its descendants.\nplank X plank 1 plank 2 plank 3 Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode partial {{% children sort=\"weight\" %}} {{ partial \"shortcodes/children.html\" (dict \"page\" . \"sort\" \"weight\" )}} Parameter Name Default Notes containerstyle ul Choose th' style used t' group all children. It could be any HTML tag name. style li Choose th' style used t' display each descendant. It could be any HTML tag name. showhidden false When true, child planks hidden from th' menu will be displayed as well. descript'n false When true shows a short text under each plank 'n th' list. When no descript'n or summary exists fer th' plank, th' first 70 words o' th' rrrambl'n be taken - read more info about summaries on gohugo.io. depth 1 Th' depth o' descendants t' display. For example, if th' value be 2, th' shortcode will display two levels o' child planks. T' get all descendants, set this value t' a high number eg. 999. sort see notes Th' sort order o' th' displayed list.\nIf not set it be sorted by th' ordersectionsby sett'n o' th' ship an' th' planks frontmatter\n- weight: t' sort on menu order\n- title: t' sort alphabetically on menu label. Examples All Default {{% children %}} plank X plank 1 plank 2 plank 3 Wit' Descript'n {{% children descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nInfinite Depth an' Hidden Planks {{% children depth=\"999\" showhidden=\"true\" %}} plank X plank 1 plank 1-1 plank 1-1-1 (hidden) plank 1-1-1-1 plank 1-1-1-1-1 (hidden) plank 1-1-1-1-1-1 plank 1-1-2 (headless) plank 1-1-2-1 plank 1-1-2-2 plank 1-1-3 plank 2 plank 3 plank 3-1 plank 4 (hidden) Head'n Styles fer Container an' Elements {{% children containerstyle=\"div\" style=\"h2\" depth=\"3\" descript'n=\"true\" %}} plank XThis be a plain plank test, an' th' beginn'n o' a YAML multiline descript'n... plank 1This be a demo child plank\nplank 1-1This be a demo child plank\nplank 1-1-2 (headless)This be a demo child plank\nplank 1-1-3This be a demo child plank\nplank 2This be a demo child plank wit' no descript'n. So its rrrambl'n be used as descript'n.\nplank 3This be a demo child plank\nplank 3-1This be a plain plank test nested 'n a parent\nDivs fer Group an' Element Styles {{% children containerstyle=\"div\" style=\"div\" depth=\"3\" %}} plank X plank 1 plank 1-1 plank 1-1-2 (headless) plank 1-1-3 plank 2 plank 3 plank 3-1 ",
     "description": "",
     "tags": null,
     "title": "Children",
@@ -333,7 +333,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me… Thank ye!\nThat’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nAvast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"page\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me… Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me… No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
+    "content": " Th' expand shortcode displays an expandable/collaps'ble section o' text.\nExpand me… Thank ye!\nThat’s some text wit' a footnote1\nThat’s some more text wit' a footnote.2\nAn' that’s th' footnote. ↩︎\nAnyth'n o' interest goes here.\nBlue light glows blue. ↩︎\nAvast This only works 'n modern browsers flawlessly. While Internet Explorer 11 has issues 'n display'n it, th' functionality still works.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode (positional) partial {{% expand title=\"Expand me...\" %}}Thank ye!{{% /expand %}} {{% expand \"Expand me...\" %}}Thank ye!{{% /expand %}} {{ partial \"shortcodes/expand.html\" (dict \"page\" . \"title\" \"Expand me...\" \"content\" \"Thank ye!\" )}} Parameter Name Posit'n Default Notes title 1 \"Expand me...\" Arbitrary text t' appear next t' th' expand/collapse ay'con. open 2 false When true th' rrrambl'n text will be initially shown as expanded. \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed on expand. Examples All Defaults {{% expand %}}Yes, ye did it!{{% /expand %}} Expand me… Yes, ye did it! Initially Expanded {{% expand title=\"Expand me...\" open=\"true\" %}}No need t' press ye!{{% /expand %}} Expand me… No need t' press ye! Arbitrary Text {{% expand title=\"Show me almost **endless** possibilities\" %}} Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even **_bold emphasized_** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /expand %}} Show me almost endless possibilities Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\n",
     "description": "",
     "tags": null,
     "title": "Expand",
@@ -357,7 +357,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' highlight shortcode renders yer code wit' a rules highlighter.\n​ python python 1print(\"Hello World!\") Usage This shortcode be fully compat'ble wit' Hugo’s highlight shortcode but offers some extensions.\nIt be called interchangeably 'n th' same way as Hugo’s own shortcode provid'n positional parameter or by simply us'n codefences.\nYe be free t' also call this shortcode from yer own partials. In this case it resembles Hugo’s highlight funct'n rules if ye call this shortcode as a partial us'n compatiblity rules.\nWhile 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.\n​ codefence codefence shortcode shortcode shortcode (positional) shortcode (positional) partial partial partial (compat) partial (compat) ```py { lineNos=\"true\" wrap=\"true\" title=\"python\" } print(\"Hello World!\") ``` {{\u003c highlight lineNos=\"true\" type=\"py\" wrap=\"true\" title=\"python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{\u003c highlight py \"lineNos=true,wrap=true,title=python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"lineNos\" \"true\" \"type\" \"py\" \"wrap\" \"true\" \"title\" \"python\" )}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"options\" \"lineNos=true,wrap=true,title=python\" \"type\" \"py\" )}} Parameter Name Default Notes type \u003cempty\u003e Th' language o' th' code t' highlight. Choose from one o' th' supported languages. Case-insensitive. title \u003cempty\u003e Extension. Arbitrary title fer code. This displays th' code like a single tab if hl_inline=false (which be Hugos default). wrap see notes Extension. When true th' rrrambl'n may wrap on long lines otherwise it will be scroll'ble.\nTh' default value can be set 'n yer config.toml an' overwritten via frontmatter. See below. opt'ns \u003cempty\u003e An optional, comma-separated list o' zero or more Cap'n Hugo supported opt'ns as well as extension parameter from this t'ble. \u003coption\u003e \u003cempty\u003e Any o' Hugo’s supported opt'ns. \u003ccontent\u003e \u003cempty\u003e Yer code t' highlight. Configurat'n Default values fer Hugo’s supported opt'ns can be set via goldmark sett'ns 'n yer config.toml\nDefault values fer extension opt'ns can be set via params sett'ns 'n yer config.toml or be overwritten by frontmatter fer each individual plank.\nGlobal Configurat'n File Recommended Sett'ns [marrrkup] [marrrkup.highlight] # line numbers 'n a t'ble layout will shift if code be wrapp'n, so better # use inline; besides that visually both layouts have th' same look an' behavior lineNumbersInT'ble = false # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid or Math codefences guessSyntax = false # th' shipped variants come wit' their own modified chroma rules highlightn'n # style which be imported 'n theme-relearn-light.css, theme-relearn-dark.css, etc.; # if ye want t' use a predefined style instead: # - remove `noClasses` or set `noClasses = true` # - set `style` t' a predefined style name noClasses = false # style = \"tango\"Optional Sett'ns [params] highlightWrap = truePage’s Frontmatter +++ highlightWrap = true +++Examples Line Numbers wit' Start'n Offset As mentioned above, line numbers 'n a t'ble layout will shift if code be wrapp'n, so better use inline. T' make th'ns easier fer ye, set lineNumbersInT'ble = false 'n yer config.toml an' add lineNos = true when call'n th' shortcode instead o' th' specific values t'ble or inline.\n{{\u003c highlight lineNos=\"true\" lineNoStart=\"666\" type=\"py\" \u003e}} # th' hardest part be t' start writ'n code; here's a kickstart; just copy an' paste this; it's free; th' next lines will cost ye serious credits print(\"Hello\") print(\" \") print(\"World\") print(\"!\") {{\u003c /highlight \u003e}}666# th' hardest part be t' start writ'n code; here's a kickstart; just copy an' paste this; it's free; th' next lines will cost ye serious credits 667print(\"Hello\") 668print(\" \") 669print(\"World\") 670print(\"!\") Codefence wit' Title ```py { title=\"python\" } # a bit shorter print(\"Hello World!\") ``` ​ python python # a bit shorter print(\"Hello World!\") Wit' Wrap {{\u003c highlight type=\"py\" wrap=\"true\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff Without Wrap {{\u003c highlight type=\"py\" wrap=\"false\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' highlight shortcode renders yer code wit' a rules highlighter.\n​ python 1print(\"Hello World!\") Usage This shortcode be fully compat'ble wit' Hugo’s highlight shortcode but offers some extensions.\nIt be called interchangeably 'n th' same way as Hugo’s own shortcode provid'n positional parameter or by simply us'n codefences.\nYe be free t' also call this shortcode from yer own partials. In this case it resembles Hugo’s highlight funct'n rules if ye call this shortcode as a partial us'n compatiblity rules.\nWhile 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.\n​ codefence shortcode shortcode (positional) partial partial (compat) ```py { lineNos=\"true\" wrap=\"true\" title=\"python\" } print(\"Hello World!\") ``` {{\u003c highlight lineNos=\"true\" type=\"py\" wrap=\"true\" title=\"python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{\u003c highlight py \"lineNos=true,wrap=true,title=python\" \u003e}} print(\"Hello World!\") {{\u003c /highlight \u003e}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"lineNos\" \"true\" \"type\" \"py\" \"wrap\" \"true\" \"title\" \"python\" )}} {{ partial \"shortcodes/highlight.html\" (dict \"page\" . \"content\" \"print(\\\"Hello World!\\\")\" \"options\" \"lineNos=true,wrap=true,title=python\" \"type\" \"py\" )}} Parameter Name Default Notes type \u003cempty\u003e Th' language o' th' code t' highlight. Choose from one o' th' supported languages. Case-insensitive. title \u003cempty\u003e Extension. Arbitrary title fer code. This displays th' code like a single tab if hl_inline=false (which be Hugos default). wrap see notes Extension. When true th' rrrambl'n may wrap on long lines otherwise it will be scroll'ble.\nTh' default value can be set 'n yer config.toml an' overwritten via frontmatter. See below. opt'ns \u003cempty\u003e An optional, comma-separated list o' zero or more Cap'n Hugo supported opt'ns as well as extension parameter from this t'ble. \u003coption\u003e \u003cempty\u003e Any o' Hugo’s supported opt'ns. \u003ccontent\u003e \u003cempty\u003e Yer code t' highlight. Configurat'n Default values fer Hugo’s supported opt'ns can be set via goldmark sett'ns 'n yer config.toml\nDefault values fer extension opt'ns can be set via params sett'ns 'n yer config.toml or be overwritten by frontmatter fer each individual plank.\nGlobal Configurat'n File Recommended Sett'ns [marrrkup] [marrrkup.highlight] # line numbers 'n a t'ble layout will shift if code be wrapp'n, so better # use inline; besides that visually both layouts have th' same look an' behavior lineNumbersInT'ble = false # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid or Math codefences guessSyntax = false # th' shipped variants come wit' their own modified chroma rules highlightn'n # style which be imported 'n theme-relearn-light.css, theme-relearn-dark.css, etc.; # if ye want t' use a predefined style instead: # - remove `noClasses` or set `noClasses = true` # - set `style` t' a predefined style name noClasses = false # style = \"tango\"Optional Sett'ns [params] highlightWrap = truePage’s Frontmatter +++ highlightWrap = true +++Examples Line Numbers wit' Start'n Offset As mentioned above, line numbers 'n a t'ble layout will shift if code be wrapp'n, so better use inline. T' make th'ns easier fer ye, set lineNumbersInT'ble = false 'n yer config.toml an' add lineNos = true when call'n th' shortcode instead o' th' specific values t'ble or inline.\n{{\u003c highlight lineNos=\"true\" lineNoStart=\"666\" type=\"py\" \u003e}} # th' hardest part be t' start writ'n code; here's a kickstart; just copy an' paste this; it's free; th' next lines will cost ye serious credits print(\"Hello\") print(\" \") print(\"World\") print(\"!\") {{\u003c /highlight \u003e}}666# th' hardest part be t' start writ'n code; here's a kickstart; just copy an' paste this; it's free; th' next lines will cost ye serious credits 667print(\"Hello\") 668print(\" \") 669print(\"World\") 670print(\"!\") Codefence wit' Title ```py { title=\"python\" } # a bit shorter print(\"Hello World!\") ``` ​ python # a bit shorter print(\"Hello World!\") Wit' Wrap {{\u003c highlight type=\"py\" wrap=\"true\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff Without Wrap {{\u003c highlight type=\"py\" wrap=\"false\" hl_lines=\"2\" \u003e}} # Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff {{\u003c /highlight \u003e}}# Quicksort Python One-liner lambda L: [] if L==[] else qsort([x fer x 'n L[1:] if x\u003c L[0]]) + L[0:1] + qsort([x fer x 'n L[1:] if x\u003e=L[0]]) # Some more stuff ",
     "description": "Render code with a syntax highlighter",
     "tags": null,
     "title": "Highlight",
@@ -365,7 +365,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n HugoBuilt wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplifies us'n standard ay'cons, th' ay'con customizat'n an' other advanced features o' th' Font Awesome library require ye t' use HTML directly. Paste th' \u003ci\u003e HTML into marrrkup, an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n HugoBuilt wit' by Relearrrn an' Cap'n Hugo\nT' use these native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml:\n[marrrkup.goldmark.renderer] unsafe = true ",
+    "content": " Th' ay'con shortcode displays ay'cons us'n th' Font Awesome library.\nUsage While th' examples be us'n shorrrtcodes wit' positional parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode (positional) partial {{% ay'con ay'con=\"exclamation-triangle\" %}} {{% ay'con ay'con=\"angle-double-up\" %}} {{% ay'con ay'con=\"skull-crossbones\" %}} {{% ay'con exclamat'n-triangle %}} {{% ay'con angle-do'ble-up %}} {{% ay'con skull-crossbones %}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"exclamation-triangle\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"angle-double-up\" )}} {{ partial \"shortcodes/icon.html\" (dict \"page\" . \"icon\" \"skull-crossbones\" )}} Parameter Name Posit'n Default Notes ay'con 1 \u003cempty\u003e Font Awesome ay'con name t' be displayed. It will be displayed 'n th' text color o' its accord'n context. Find'n an ay'con Browse through th' avail'ble ay'cons 'n th' Font Awesome Gallery. Notice that th' free filter be enabled, as only th' free ay'cons be avail'ble by default.\nOnce on th' Font Awesome plank fer a specific ay'con, fer example th' plank fer th' heart, copy th' ay'con name an' paste into th' Marrrkdown rrrambl'n.\nCustomis'n Ay'cons Font Awesome provides many ways t' modify th' ay'con\nChange color (by default th' ay'con will inherit th' parent color) Increase or decrease size Rotate Combine wit' other ay'cons Check th' full documentat'n on web fonts wit' CSS fer more.\nExamples Standard Usage Built wit' {{% ay'con heart %}} by Relearrrn an' Cap'n HugoBuilt wit' by Relearrrn an' Cap'n Hugo\nAdvanced HTML Usage While th' shortcode simplifies us'n standard ay'cons, th' ay'con customizat'n an' other advanced features o' th' Font Awesome library require ye t' use HTML directly. Paste th' \u003ci\u003e HTML into marrrkup, an' Font Awesome will board th' relevant ay'con.\nBuilt wit' \u003ci class=\"fas fa-heart\"\u003e\u003c/i\u003e by Relearrrn an' Cap'n HugoBuilt wit' by Relearrrn an' Cap'n Hugo\nT' use these native HTML elements 'n yer Marrrkdown, add this 'n yer config.toml:\n[marrrkup.goldmark.renderer] unsafe = true ",
     "description": "",
     "tags": null,
     "title": "Icon",
@@ -373,7 +373,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"page\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}}Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
+    "content": " Th' include shortcode includes other files from yer project inside o' th' current plank.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or also call this shortcode from yer own partials.\n​ shortcode shortcode (positional) partial {{% include file=\"shortcodes/INCLUDE_ME.md\" %}} {{% include \"shortcodes/INCLUDE_ME.md\" %}} {{ partial \"shortcodes/include .html\" (dict \"page\" . \"file\" \"shortcodes/INCLUDE_ME.md\" )}} Th' included files can even contain Marrrkdown an' will be taken into account when generat'n th' t'ble o' contents.\nParameter Name Posit'n Default Notes file 1 \u003cempty\u003e Th' path t' th' file t' be included. Path resolut'n adheres t' Hugo’s build-in readFile funct'n hidefirsthead'n 2 false When true an' th' included file contains head'ns, th' first head'n will be hidden. This comes 'n handy, eg. if ye include otherwise standalone Marrrkdown files. Examples Arbitrary Rrrambl'n {{% include \"shortcodes/INCLUDE_ME.md\" %}}Ye can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc.1 ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) (almost - includ'n other shorrrtcodes may or may not work)\nEt Cetera (English: /ɛtˈsɛtərə/), abbreviated t' etc., etc, et cet., be a Latin expression that be used 'n English t' mean “and other similar things”, or “and so forth” ↩︎\n",
     "description": "",
     "tags": null,
     "title": "Include",
@@ -389,7 +389,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence codefence shortcode shortcode partial partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"page\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = falsePage’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}}Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}}If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' math shortcode generates beautiful formatted math an' chemical formulae us'n th' MathJax library.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Math codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence shortcode partial ```math { align=\"center\" } $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` {{\u003c math align=\"center\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}} {{ partial \"shortcodes/math.html\" (dict \"page\" . \"content\" \"$$left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$\" \"align\" \"center\" )}} Parameter Name Default Notes align center Allowed values be left, center or right. \u003ccontent\u003e \u003cempty\u003e Yer formuale. Configurat'n MathJax be configured wit' default sett'ns. Ye can cust'mize MathJax’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml or override these sett'ns per plank thru yer planks frontmatter.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into MathJax’s configurat'n object.\nSee MathJax documentat'n fer all allowed sett'ns.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Math codefences guessSyntax = falsePage’s Frontmatter +++ mathJaxInitialize = \"{ \\\"chtml\\\": { \\\"displayAlign\\\": \\\"left\\\" } }\" +++Examples Inline Math Inline math be generated if ye use a single `$` as a delimiter around yer formulae: {{\u003c math \u003e}}$\\sqrt{3}${{\u003c /math \u003e}}Inline math be generated if ye use a single $ as a delimiter around yer formulae: $\\sqrt{3}$\nBlocklevel Math wit' Right Alignment If ye delimit yer formulae by two consecutive `$$` it generates a new block. {{\u003c math align=\"right\" \u003e}} $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ {{\u003c /math \u003e}}If ye delimit yer formulae by two consecutive $$ it generates a new block.\n$$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ Codefence Ye can also use codefences.\n```math $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$ ``` $$\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)$$Chemical Formulae {{\u003c math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ {{\u003c /math \u003e}} $$\\ce{Hg^2+ -\u003e[I-] HgI2 -\u003e[I-] [Hg^{II}I4]^2-}$$ ",
     "description": "",
     "tags": null,
     "title": "Math",
@@ -397,7 +397,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence codefence shortcode shortcode partial partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"page\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = falsePage’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++Examples Flowchart wit' YAML-Title {{\u003c mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, after des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, after des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Quadrant Chart {{\u003c mermaid \u003e}} pie title Pets adopted by volunteers title Reach an' engagement o' campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need t' promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] {{\u003c /mermaid \u003e}} quadrantChart title Reach an' engagement o' campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need t' promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::ay'con(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003ean' features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid Timeline {{\u003c mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter Sankey {{\u003c mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generat'n / exports,104.453 Electricity grid,Heat'n an' cool'n - homes,113.726 Electricity grid,H2 conversion,27.14 {{\u003c /mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generat'n / exports,104.453 Electricity grid,Heat'n an' cool'n - homes,113.726 Electricity grid,H2 conversion,27.14 ",
+    "content": " Arrr! Pirrrates Fello' pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat'n. Like Merrrmaids, do'n math or chemistrrry and stuff.\nTh' mermaid shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' Merrrmaid library.\ngraph LR; If --\u003e Then Then --\u003e Else Avast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter it be recommended t' use codefences instead. This be because more an' more other software supports Merrrmaid codefences (eg. GitHub) an' so yer markdown becomes more port'ble.\nYe be free t' also call this shortcode from yer own partials.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n (see th' configurat'n section).\n​ codefence shortcode partial ```mermaid { align=\"center\" zoom=\"true\" } graph LR; If --\u003e Then Then --\u003e Else ``` {{\u003c mermaid align=\"center\" zoom=\"true\" \u003e}} graph LR; If --\u003e Then Then --\u003e Else {{\u003c /mermaid \u003e}} {{ partial \"shortcodes/mermaid.html\" (dict \"page\" . \"content\" \"graph LR;\\nIf --\u003e Then\\nThen --\u003e Else\" \"align\" \"center\" \"zoom\" \"true\" )}} Th' generated graphs can be be panned by dragg'n them an' zoomed by us'n th' mousewheel. On mobile devices ye can use finger gestures.\nParameter Name Default Notes align center Allowed values be left, center or right. zoom see notes Whether th' graph be pan- an' zoom'ble.\nIf not set th' value be determined by th' mermaidZoom sett'n o' th' ship or th' planks frontmatter or false if not set at all.\n- false: no pan or zoom\n- true: pan an' zoom active \u003ccontent\u003e \u003cempty\u003e Yer Merrrmaid graph. Configurat'n Merrrmaid be configured wit' default sett'ns. Ye can cust'mize Mermaid’s default sett'ns fer all o' yer files thru a JSON object 'n yer config.toml, override these sett'ns per plank thru yer planks frontmatter or override these sett'n per diagramm thru diagram directives.\nTh' JSON object o' yer config.toml / frontmatter be forwarded into Mermaid’s mermaid.initialize() funct'n.\nSee Merrrmaid documentat'n fer all allowed sett'ns.\nTh' theme sett'n can also be set by yer used color variant. This will be th' sitewide default an' can - again - be overridden by yer sett'ns 'n config.toml, frontmatter or diagram directives.\nAvast T' use codefence rules ye have t' turn off guessSyntax fer th' marrrkup.highlight sett'n.\nGlobal Configurat'n File [params] mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true [marrrkup] [marrrkup.highlight] # if `guessSyntax = true`, there will be no unstyled code even if no language # was given BUT Merrrmaid an' Math codefences will not work anymore! So this be a # mandatory sett'n fer yer ship if ye want t' use Merrrmaid codefences guessSyntax = falsePage’s Frontmatter +++ mermaidInitialize = \"{ \\\"theme\\\": \\\"dark\\\" }\" mermaidZoom = true +++Examples Flowchart wit' YAML-Title {{\u003c mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] {{\u003c /mermaid \u003e}} --- title: Example Diagram --- graph LR; A[Hard edge] --\u003e|Link text| B(Round edge) B --\u003e C{\u003cstrong\u003eDecision\u003c/strong\u003e} C --\u003e|One| D[Result one] C --\u003e|Two| E[Result two] Sequence Diagram wit' Configurat'n Directive {{\u003c mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Avast right o' John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! {{\u003c /mermaid \u003e}} %%{init:{\"fontFamily\":\"monospace\", \"sequence\":{\"showSequenceNumbers\":true}}}%% sequenceDiagram Alice-\u003e\u003eJohn: Hello John, how be ye? loop Healthcheck John-\u003e\u003eJohn: Fight against hypochondria end Note right of John: Rational thoughts! John--\u003e\u003eAlice: Great! John-\u003e\u003eBob: How about ye? Bob--\u003e\u003eJohn: Jolly bloody! Class Diagram wit' Codefence Rules ```mermaid classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal \u003c|-- Zebra Animal : +int age Animal : +Str'n gender Animal: +isMammal() Animal: +mate() class Duck{ +Str'n beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }State Diagram Aligned t' th' Right {{\u003c mermaid align=\"right\" \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open {{\u003c /mermaid \u003e}} stateDiagram-v2 open: Open Door closed: Closed Door locked: Locked Door open --\u003e closed: Close closed --\u003e locked: Lock locked --\u003e closed: Unlock closed --\u003e open: Open Entity Relationship Model wit' Non-Default Merrrmaid Theme {{\u003c mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" {{\u003c /mermaid \u003e}} %%{init:{\"theme\":\"forest\"}}%% erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : \"li'ble for\" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : \"ordered in\" User Journey {{\u003c mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me {{\u003c /mermaid \u003e}} journey title My work'n day section Go t' work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 3: Me GANTT Chart {{\u003c mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, after des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d {{\u003c /mermaid \u003e}} gantt dateFormat YYYY-MM-DD title Add'n GANTT diagram functionality t' Merrrmaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task 'n th' critical line :crit, done, 2014-01-06,24h Implement parser an' jison :crit, done, after des1, 2d Create tests fer parser :crit, active, 3d Future task 'n critical line :crit, 5d Create tests fer renderer :2d Add t' Merrrmaid :1d Pie Chart without Zoom {{\u003c mermaid zoom=\"false\" \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 {{\u003c /mermaid \u003e}} pie title Pets adopted by volunteers \"Dogs\" : 386 \"Cats\" : 85 \"Rats\" : 15 Quadrant Chart {{\u003c mermaid \u003e}} pie title Pets adopted by volunteers title Reach an' engagement o' campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need t' promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] {{\u003c /mermaid \u003e}} quadrantChart title Reach an' engagement o' campaigns x-axis Low Reach --\u003e High Reach y-axis Low Engagement --\u003e High Engagement quadrant-1 We should expand quadrant-2 Need t' promote quadrant-3 Re-evaluate quadrant-4 May be improved Campaign A: [0.3, 0.6] Campaign B: [0.45, 0.23] Campaign C: [0.57, 0.69] Campaign D: [0.78, 0.34] Campaign E: [0.40, 0.34] Campaign F: [0.35, 0.78] Requirement Diagram {{\u003c mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req {{\u003c /mermaid \u003e}} requirementDiagram requirement test_req { id: 1 text: th' test text. risk: high verifymethod: test } element test_entity { type: simulat'n } test_entity - satisfies -\u003e test_req Git Graph {{\u003c mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit {{\u003c /mermaid \u003e}} gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit C4 Diagrams {{\u003c mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") {{\u003c /mermaid \u003e}} C4Context title System Context diagram fer Internet Bank'n System Enterprise_Boundary(b0, \"BankBoundary0\") { Person(customerA, \"Bank'n Customer A\", \"A customer o' th' bank, wit' personal bank accounts.\") Person(customerB, \"Bank'n Customer B\") Person_Ext(customerC, \"Bank'n Customer C\", \"desc\") Person(customerD, \"Bank'n Customer D\", \"A customer o' th' bank, \u003cbr/\u003e wit' personal bank accounts.\") System(SystemAA, \"Internet Bank'n System\", \"Allows customers t' view informat'n about their bank accounts, an' make payments.\") Enterprise_Boundary(b1, \"BankBoundary\") { SystemDb_Ext(SystemE, \"Mainframe Bank'n System\", \"Stores all o' th' core bank'n informat'n about customers, accounts, transact'ns, etc.\") System_Boundary(b2, \"BankBoundary2\") { System(SystemA, \"Bank'n System A\") System(SystemB, \"Bank'n System B\", \"A system o' th' bank, wit' personal bank accounts. next line.\") } System_Ext(SystemC, \"E-mail system\", \"The internal Microsoft Exchange e-mail system.\") SystemDb(SystemD, \"Bank'n System D Database\", \"A system o' th' bank, wit' personal bank accounts.\") Boundary(b3, \"BankBoundary3\", \"boundary\") { SystemQueue(SystemF, \"Bank'n System F Queue\", \"A system o' th' bank.\") SystemQueue_Ext(SystemG, \"Bank'n System G Queue\", \"A system o' th' bank, wit' personal bank accounts.\") } } } BiRel(customerA, SystemAA, \"Uses\") BiRel(SystemAA, SystemE, \"Uses\") Rel(SystemAA, SystemC, \"Sends e-mails\", \"SMTP\") Rel(SystemC, customerA, \"Sends e-mails to\") UpdateElementStyle(customerA, $fontColor=\"red\", $bgColor=\"grey\", $borderColor=\"red\") UpdateRelStyle(customerA, SystemAA, $textColor=\"blue\", $lineColor=\"blue\", $offsetX=\"5\") UpdateRelStyle(SystemAA, SystemE, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-10\") UpdateRelStyle(SystemAA, SystemC, $textColor=\"blue\", $lineColor=\"blue\", $offsetY=\"-40\", $offsetX=\"-50\") UpdateRelStyle(SystemC, customerA, $textColor=\"red\", $lineColor=\"red\", $offsetX=\"-50\", $offsetY=\"20\") UpdateLayoutConfig($c4ShapeInRow=\"3\", $c4BoundaryInRow=\"1\") Mindmaps {{\u003c mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::ay'con(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003ean' features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid {{\u003c /mermaid \u003e}} mindmap root((mindmap)) Origins Long history ::icon(fa fa-book) Popularisat'n British popular psychology author Tony Buzan Research On effectiveness\u003cbr/\u003eand features On Automatic creat'n Uses Creative techniques Strategic plann'n Argument mapp'n Tools Pen an' paper Merrrmaid Timeline {{\u003c mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter {{\u003c /mermaid \u003e}} timeline title History o' Social Media Platform 2002 : LinkedIn 2004 : Facebook : Google 2005 : Youtube 2006 : Twitter Sankey {{\u003c mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generat'n / exports,104.453 Electricity grid,Heat'n an' cool'n - homes,113.726 Electricity grid,H2 conversion,27.14 {{\u003c /mermaid \u003e}} sankey-beta %% source,target,value Electricity grid,Over generat'n / exports,104.453 Electricity grid,Heat'n an' cool'n - homes,113.726 Electricity grid,H2 conversion,27.14 ",
     "description": "",
     "tags": null,
     "title": "Merrrmaid",
@@ -413,7 +413,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
+    "content": " Th' notice shortcode shows various types o' disclaimers wit' adjust'ble color, title an' ay'con t' help ye structure yer plank.\nThere may be pirates It be all about th' boxes.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional as well or also call this shortcode from yer own partials.\n​ shortcode shortcode (positional) partial {{% notice style=\"primary\" title=\"There may be pirates\" ay'con=\"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{% notice primary \"There may be pirates\" \"skull-crossbones\" %}} It be all about th' boxes. {{% /notice %}} {{ partial \"shortcodes/notice.html\" (dict \"page\" . \"style\" \"primary\" \"title\" \"There may be pirates\" \"icon\" \"skull-crossbones\" \"content\" \"It be all about th' boxes.\" )}} Parameter Name Posit'n Default Notes style 1 default Th' style scheme used fer th' box.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title 2 see notes Arbitrary text fer th' box title. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con 3 see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n box. Examples By Severity Ahoi wit' marrrkup {{% notice style=\"info\" %}} An **informat'n** disclaimer Ye can add standard markdown rules: - multiple paragraphs - bullet point lists - _emphasized_, **bold** an' even ***bold emphasized*** text - [links](https://example.com) - etc. ```plaintext ...and even source code ``` \u003e th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work) {{% /notice %}} Ahoi An informat'n disclaimer\nYe can add standard markdown rules:\nmultiple paragraphs bullet point lists emphasized, bold an' even bold emphasized text links etc. ...and even source code th' possibilities be endless (almost - includ'n other shorrrtcodes may or may not work)\nAvast {{% notice style=\"note\" %}} A **notice** disclaimer {{% /notice %}} Avast A notice disclaimer\nSmarrrt Arrrse {{% notice style=\"tip\" %}} A **tip** disclaimer Smarrrt Arrrse A tip disclaimer\nArrr {{% notice style=\"warning\" %}} A **warning** disclaimer {{% /notice %}} Arrr A warning disclaimer\nArrr wit' Non-Default Title an' Ay'con {{% notice style=\"warning\" title=\"Here be dragons\" ay'con=\"dragon\" %}} A **warning** disclaimer {{% /notice %}} Here be dragons A warning disclaimer\nArrr without a Title an' Ay'con {{% notice style=\"warning\" title=\" \" ay'con=\" \" %}} A **warning** disclaimer {{% /notice %}} A warning disclaimer\nBy Brand Colors Primary wit' Title only {{% notice style=\"primary\" title=\"Primary\" %}} A **primary** disclaimer {{% /notice %}} Primary A primary disclaimer\nSecondary wit' Ay'con only {{% notice style=\"secondary\" ay'con=\"stopwatch\" %}} A **secondary** disclaimer {{% /notice %}} A secondary disclaimer\nAccent {{% notice style=\"accent\" %}} An **accent** disclaimer {{% /notice %}} An accent disclaimer\nBy Color Blue without a Title an' Ay'con {{% notice style=\"blue\" %}} A **blue** disclaimer {{% /notice %}} A blue disclaimer\nGreen wit' Title only {{% notice style=\"green\" title=\"Green\" %}} A **green** disclaimer {{% /notice %}} Green A green disclaimer\nGrey wit' Ay'con only {{% notice style=\"grey\" ay'con=\"bug\" %}} A **grey** disclaimer {{% /notice %}} A grey disclaimer\nOrange wit' Title an' Ay'con {{% notice style=\"orange\" title=\"Orange\" ay'con=\"bug\" %}} A **orange** disclaimer {{% /notice %}} Orange A orange disclaimer\nRed without a Title an' Ay'con {{% notice style=\"red\" %}} A **red** disclaimer {{% /notice %}} A red disclaimer\nBy Special Color Default wit' Positional Parameter {{% notice default \"Pay Attent'n t' this Avast!\" \"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nTransparent wit' Title an' Ay'con {{% notice style=\"transparent\" title=\"Pay Attent'n t' this Avast!\" ay'con=\"skull-crossbones\" %}} Some serious informat'n. {{% /notice %}} Pay Attent'n t' this Avast! Some serious informat'n.\nWit' User-Defined Color, Font Awesome Brand Ay'con an' Marrrkdown Title {{% notice color=\"fuchsia\" title=\"**Hugo**\" ay'con=\"fab fa-hackerrank\" %}} Victor? Be it ye? {{% /notice %}} Cap'n Hugo Victor? Be it ye?\n",
     "description": "",
     "tags": null,
     "title": "Notice",
@@ -421,7 +421,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' openapi shortcode uses th' Swagger UI library t' display yer OpenAPI / Swagger specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"page\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer OpenAPI documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nExample Us'n Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
+    "content": " Th' openapi shortcode uses th' Swagger UI library t' display yer OpenAPI / Swagger specificat'ns.\nAvast This only works 'n modern browsers.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode partial {{\u003c openapi src=\"https://petstore3.openapi.io/api/v3/openapi.json\" \u003e}} {{ partial \"shortcodes/openapi.html\" (dict \"page\" . \"src\" \"https://petstore3.openapi.io/api/v3/openapi.json\" )}} Parameter Name Default Notes src \u003cempty\u003e Th' URL t' th' OpenAPI specificat'n file. This can be relative t' th' URL o' yer plank if it be a leaf or branch bundle. Avast If ye want t' print out (or generate a PDF) from yer OpenAPI documentat'n, don’t initiate print'n directly from th' plank because th' elements be optimized fer interactive usage 'n a browser.\nInstead, open th' print preview 'n yer browser an' initiate print'n from that plank. This plank be optimized fer read'n an' expands most o' th' avail'ble sections.\nExample Us'n Local File {{\u003c openapi src=\"petstore.json\" \u003e}} ",
     "description": "Adds UI fer yer OpenAPI / Swaggerrr Specificat'ns",
     "tags": null,
     "title": "OpenAPI",
@@ -536,7 +536,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\n​ shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"page\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}}editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nNested parameter wit' Marrrkdown an' HTML formatt'n T' use formatted parameter, add this 'n yer config.toml:\n[marrrkup.goldmark.renderer] unsafe = true ​ config.toml config.toml [params] [params.siteparam.test] text = \"A **nested** parameter \u003cb\u003ewith\u003c/b\u003e formatting\" Formatted parameter: {{% siteparam name=\"siteparam.test.text\" %}}Formatted parameter: A nested parameter \u003cb\u003ewith\u003c/b\u003e formatt'n\n",
+    "content": " Th' siteparam shortcode prints values o' ship params.\nUsage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' use positional aswell or call this shortcode from yer own partials.\n​ shortcode shortcode (positional) partial {{% siteparam name=\"editURL\" %}} {{% siteparam \"editURL\" %}} {{ partial \"shortcodes/siteparam.html\" (dict \"page\" . \"name\" \"editURL\" )}} Parameter Name Posit'n Default Notes name 1 \u003cempty\u003e Th' name o' th' ship param t' be displayed. Examples editURL from config.toml `editURL` value: {{% siteparam name=\"editURL\" %}}editURL value: https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/\nNested parameter wit' Marrrkdown an' HTML formatt'n T' use formatted parameter, add this 'n yer config.toml:\n[marrrkup.goldmark.renderer] unsafe = true ​ config.toml [params] [params.siteparam.test] text = \"A **nested** parameter \u003cb\u003ewith\u003c/b\u003e formatting\" Formatted parameter: {{% siteparam name=\"siteparam.test.text\" %}}Formatted parameter: A nested parameter \u003cb\u003ewith\u003c/b\u003e formatt'n\n",
     "description": "",
     "tags": null,
     "title": "SiteParam",
@@ -544,7 +544,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Ye can use a tab shortcode t' display a single tab.\nThis be especially useful if ye want t' flag yer code example wit' an explicit language.\nIf ye want multiple tabs grouped together ye can wrap yer tabs into th' tabs shortcode.\n​ c c printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode shortcode partial partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"page\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) )}} Parameter Name Default Notes style see notes Th' style scheme used fer th' tab. If ye don’t set a style an' ye display a single code block inside o' th' tab, its default styl'n will adapt t' that o' a code block. Otherwise default be used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary title fer th' tab. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n th' tab. Examples Single Code Block wit' Collapsed Margins {{% tab title=\"Code\" %}} ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Code Code printf(\"Hello World!\"); Mixed Marrrkdown Rrrambl'n {{% tab title=\"_**Mixed**_\" %}} A tab can not only contain code but arbitrary text. In this case text **an'** code will get a margin. ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Mixed Mixed A tab can not only contain code but arbitrary text. In this case text an' code will get a margin.\nprintf(\"Hello World!\"); Understand'n style an' color Behavior Th' style parameter affects how th' color parameter be applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} Th' `style` parameter be set t' a color style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only th' `color` parameter be set. This will set th' background t' a lighter version o' th' chosen CSS color value. {{% /tab %}} {{% tab title=\"default style an' color\" style=\"default\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. Th' `default` style will set th' background t' yer `--MAIN-BG-color` as configured fer yer theme variant resembl'n th' default style but wit' different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} Th' `style` parameter be set t' a severity style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con. {{% /tab %}} {{% tab title=\"severity style an' color\" style=\"info\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. This will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just colored style just color just color default style an' color default style an' color just severity style just severity style severity style an' color severity style an' color Th' style parameter be set t' a color style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant.\nOnly th' color parameter be set.\nThis will set th' background t' a lighter version o' th' chosen CSS color value.\nTh' style parameter affects how th' color parameter be applied.\nTh' default style will set th' background t' yer --MAIN-BG-color as configured fer yer theme variant resembl'n th' default style but wit' different color.\nTh' style parameter be set t' a severity style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con.\nTh' style parameter affects how th' color parameter be applied.\nThis will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con.\n",
+    "content": " Ye can use a tab shortcode t' display a single tab.\nThis be especially useful if ye want t' flag yer code example wit' an explicit language.\nIf ye want multiple tabs grouped together ye can wrap yer tabs into th' tabs shortcode.\n​ c printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\n​ shortcode partial {{% tab title=\"c\" %}} ```c printf(\"Hello World!\"); ``` {{% /tab %}} {{ partial \"shortcodes/tab.html\" (dict \"page\" . \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) )}} Parameter Name Default Notes style see notes Th' style scheme used fer th' tab. If ye don’t set a style an' ye display a single code block inside o' th' tab, its default styl'n will adapt t' that o' a code block. Otherwise default be used.\n- by severity: info, note, tip, warning\n- by brand color: primary, secondary, accent\n- by color: blue, green, grey, orange, red\n- by special color: default, transparent, code color see notes Th' CSS color value t' be used. If not set, th' chosen color depends on th' style. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n color fer th' severity\n- fer all other styles: th' correspond'n color title see notes Arbitrary title fer th' tab. Depend'n on th' style there may be a default title. Any given value will overwrite th' default.\n- fer severity styles: th' match'n title fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no title fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) ay'con see notes Font Awesome ay'con name set t' th' left o' th' title. Depend'n on th' style there may be a default ay'con. Any given value will overwrite th' default.\n- fer severity styles: a nice match'n ay'con fer th' severity\n- fer all other styles: \u003cempty\u003e\nIf ye want no ay'con fer a severity style, ye have t' set this parameter t' \" \" (a non empty str'n filled wit' spaces) \u003ccontent\u003e \u003cempty\u003e Arbitrary text t' be displayed 'n th' tab. Examples Single Code Block wit' Collapsed Margins {{% tab title=\"Code\" %}} ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Code printf(\"Hello World!\"); Mixed Marrrkdown Rrrambl'n {{% tab title=\"_**Mixed**_\" %}} A tab can not only contain code but arbitrary text. In this case text **an'** code will get a margin. ```python printf(\"Hello World!\"); ``` {{% /tab %}} ​ Mixed A tab can not only contain code but arbitrary text. In this case text an' code will get a margin.\nprintf(\"Hello World!\"); Understand'n style an' color Behavior Th' style parameter affects how th' color parameter be applied.\n{{\u003c tabs \u003e}} {{% tab title=\"just colored style\" style=\"blue\" %}} Th' `style` parameter be set t' a color style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant. {{% /tab %}} {{% tab title=\"just color\" color=\"blue\" %}} Only th' `color` parameter be set. This will set th' background t' a lighter version o' th' chosen CSS color value. {{% /tab %}} {{% tab title=\"default style an' color\" style=\"default\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. Th' `default` style will set th' background t' yer `--MAIN-BG-color` as configured fer yer theme variant resembl'n th' default style but wit' different color. {{% /tab %}} {{% tab title=\"just severity style\" style=\"info\" %}} Th' `style` parameter be set t' a severity style. This will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con. {{% /tab %}} {{% tab title=\"severity style an' color\" style=\"info\" color=\"blue\" %}} Th' `style` parameter affects how th' `color` parameter be applied. This will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con. {{% /tab %}} {{\u003c /tabs \u003e}} ​ just colored style just color default style an' color just severity style severity style an' color Th' style parameter be set t' a color style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant.\nOnly th' color parameter be set.\nThis will set th' background t' a lighter version o' th' chosen CSS color value.\nTh' style parameter affects how th' color parameter be applied.\nTh' default style will set th' background t' yer --MAIN-BG-color as configured fer yer theme variant resembl'n th' default style but wit' different color.\nTh' style parameter be set t' a severity style.\nThis will set th' background t' a lighter version o' th' chosen style color as configured 'n yer theme variant an' also affects th' chosen ay'con.\nTh' style parameter affects how th' color parameter be applied.\nThis will set th' background t' a lighter version o' th' chosen CSS color value an' also affects th' chosen ay'con.\n",
     "description": "",
     "tags": null,
     "title": "Tab",
@@ -552,7 +552,7 @@ var relearn_search_index = [
   },
   {
     "breadcrumb": "Shorrrtcodes",
-    "content": " Th' tabs shortcode displays arbitrary rrrambl'n 'n an unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages.\nIf ye just want a single tab ye can instead call th' tab shortcode standalone.\nhello. py py sh sh c c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nSee th' tab shortcode fer a descript'n o' th' parameter fer nested tabs.\n​ shortcode shortcode partial partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"page\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderStr'n) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderStr'n) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. Th' tab select'n be restored automatically based on th' groupid fer tab view. If th' selected tab can not be found 'n a tab group th' first tab be selected instead.\nThis sychronizat'n applies t' th' whole ship! style \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. color \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. title \u003cempty\u003e Arbitrary title written 'n front o' th' tab view. ay'con \u003cempty\u003e Font Awesome ay'con name set t' th' left o' th' title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Examples Behavior o' th' groupid See what happens t' th' tab views while ye select different tabs.\nWhile press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.\n​ Group A, Tab View 1 Group A, Tab View 1 Group A, Tab View 2 Group A, Tab View 2 Group B Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"text\" %}} Hello World {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json json XML stuff XML stuff text text 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello World Group A, Tab View 2 ​ json json XML stuff XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json json XML stuff XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tab Views an' Color In case ye want t' nest tab views, th' parent tab that contains nested tab views needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\nYe can also set style an' color parameter fer all tabs an' overwrite them on tab level. See th' tab shortcode fer poss'ble values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" ay'con=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Text Code Code Simple text be poss'ble here... ​ python python bash bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown ​ python python bash bash print(\"Hello World!\") echo \"Hello World!\" ",
+    "content": " Th' tabs shortcode displays arbitrary rrrambl'n 'n an unlimited number o' tabs.\nThis comes 'n handy eg. fer provid'n code snippets fer multiple languages.\nIf ye just want a single tab ye can instead call th' tab shortcode standalone.\nhello. py sh c print(\"Hello World!\") echo \"Hello World!\" printf(\"Hello World!\"); Usage While th' examples be us'n shorrrtcodes wit' named parameter ye be free t' also call this shortcode from yer own partials.\nSee th' tab shortcode fer a descript'n o' th' parameter fer nested tabs.\n​ shortcode partial {{\u003c tabs title=\"hello.\" \u003e}} {{% tab title=\"py\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"sh\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{% tab title=\"c\" %}} ```c printf\"Hello World!\"); ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{ partial \"shortcodes/tabs.html\" (dict \"page\" . \"title\" \"hello.\" \"content\" (slice (dict \"title\" \"py\" \"content\" (\"```python\\nprint(\\\"Hello World!\\\")\\n```\" | .RenderStr'n) ) (dict \"title\" \"sh\" \"content\" (\"```bash\\necho \\\"Hello World!\\\"\\n```\" | .RenderStr'n) ) (dict \"title\" \"c\" \"content\" (\"```c\\nprintf(\\\"Hello World!\\\");\\n```\" | .RenderStr'n) ) ) )}} Parameter Name Default Notes groupid \u003crandom\u003e Arbitrary name o' th' group th' tab view belongs t'.\nTab views wit' th' same groupid sychr'nize their selected tab. Th' tab select'n be restored automatically based on th' groupid fer tab view. If th' selected tab can not be found 'n a tab group th' first tab be selected instead.\nThis sychronizat'n applies t' th' whole ship! style \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. color \u003cempty\u003e Sets a default value fer every contained tab. Can be overridden by each tab. See th' tab shortcode fer poss'ble values. title \u003cempty\u003e Arbitrary title written 'n front o' th' tab view. ay'con \u003cempty\u003e Font Awesome ay'con name set t' th' left o' th' title. \u003ccontent\u003e \u003cempty\u003e Arbitrary number o' tabs defined wit' th' tab sub-shortcode. Examples Behavior o' th' groupid See what happens t' th' tab views while ye select different tabs.\nWhile press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.\n​ Group A, Tab View 1 Group A, Tab View 2 Group B {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"_**XML**_ stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{% tab title=\"text\" %}} Hello World {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"a\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c tabs groupid=\"b\" \u003e}} {{% tab title=\"json\" %}} {{\u003c highlight json \"linenos=true\" \u003e}} { \"Hello\": \"World\" } {{\u003c /highlight \u003e}} {{% /tab %}} {{% tab title=\"XML stuff\" %}} ```xml \u003cHello\u003eWorld\u003c/Hello\u003e ``` {{% /tab %}} {{\u003c /tabs \u003e}} Group A, Tab View 1 ​ json XML stuff text 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Hello World Group A, Tab View 2 ​ json XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Group B ​ json XML stuff 1{ \"Hello\": \"World\" } \u003cHello\u003eWorld\u003c/Hello\u003e Nested Tab Views an' Color In case ye want t' nest tab views, th' parent tab that contains nested tab views needs t' be declared wit' {{\u003c tab \u003e}} instead o' {{% tab %}}. Avast, that 'n this case it be not poss'ble t' put markdown 'n th' parent tab.\nYe can also set style an' color parameter fer all tabs an' overwrite them on tab level. See th' tab shortcode fer poss'ble values.\n{{\u003c tabs groupid=\"main\" style=\"primary\" title=\"Rationale\" ay'con=\"thumbtack\" \u003e}} {{\u003c tab title=\"Text\" \u003e}} Simple text be poss'ble here... {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} Python be **super** easy. - most o' th' time. - if ye don't want t' output unicode {{% /tab %}} {{% tab title=\"bash\" %}} Bash be fer **hackers**. {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c tab title=\"Code\" style=\"default\" color=\"darkorchid\" \u003e}} ...but no markdown {{\u003c tabs groupid=\"tabs-example-language\" \u003e}} {{% tab title=\"python\" %}} ```python print(\"Hello World!\") ``` {{% /tab %}} {{% tab title=\"bash\" %}} ```bash echo \"Hello World!\" ``` {{% /tab %}} {{\u003c /tabs \u003e}} {{\u003c /tab \u003e}} {{\u003c /tabs \u003e}} Rationale Text Code Simple text be poss'ble here... ​ python bash Python be super easy.\nmost o' th' time. if ye don’t want t' output unicode Bash be fer hackers.\n...but no markdown ​ python bash print(\"Hello World!\") echo \"Hello World!\" ",
     "description": "",
     "tags": null,
     "title": "Tabs",
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 40bd851909..587c72157b 100644
--- a/pir/more/credits/index.html
+++ b/pir/more/credits/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.print.html" rel="alternate" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -275,12 +275,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -437,13 +437,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 7fc4427058..a9d0aeecdd 100644
--- a/pir/more/credits/index.print.html
+++ b/pir/more/credits/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/credits/index.html" rel="canonical" type="text/html" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/credits/index.xml" rel="alternate" type="application/rss+xml" title="Crrredits :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +147,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 893293b6e7..81eb1a5926 100644
--- a/pir/search.html
+++ b/pir/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="canonical" type="text/html" title="Searrrch :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161531" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161531" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161531" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161531" rel="stylesheet">
-    <link href="../css/fonts.css?1696161531" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161531" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161531" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161531" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161531" rel="stylesheet">
-    <link href="../css/print.css?1696161531" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161531" rel="stylesheet">
-    <script src="../js/url.js?1696161531"></script>
-    <script src="../js/variant.js?1696161531"></script>
+    <link href="../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../js/url.js?1696187269"></script>
+    <script src="../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161531" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161531" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161531" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161531" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161531" defer></script>
-        <script src="../js/search.js?1696161531" defer></script>
+        <script src="../js/auto-complete.js?1696187269" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -356,13 +356,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161531"></script>
+          <script async src="../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161531" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161531" defer></script>
-    <script src="../js/theme.js?1696161531" defer></script>
+    <script src="../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 0cbb82d485..ca303dbc90 100644
--- a/pir/shortcodes/attachments/index.html
+++ b/pir/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -490,12 +484,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -652,13 +646,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 55250bbc2e..01b938c0ce 100644
--- a/pir/shortcodes/attachments/index.print.html
+++ b/pir/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +122,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -347,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 4d78c5697e..e7764f629a 100644
--- a/pir/shortcodes/badge/index.html
+++ b/pir/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -422,12 +416,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -584,13 +578,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index ce217cc738..37abc9eeb3 100644
--- a/pir/shortcodes/badge/index.print.html
+++ b/pir/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +100,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -286,8 +280,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 203cd3ca97..e040ec5516 100644
--- a/pir/shortcodes/button/index.html
+++ b/pir/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +164,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -562,12 +556,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -724,13 +718,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index d0679f120a..269e2e3675 100644
--- a/pir/shortcodes/button/index.print.html
+++ b/pir/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +108,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -425,8 +419,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" 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 6676da15a8..6b4aaf27de 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -223,12 +223,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696187268" 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 121661ba34..130cd7cc02 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -103,8 +103,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696187269" 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 bb44042f38..06944ef601 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -399,13 +399,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696187268" 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 8d3d2f1ab3..102e095314 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -129,8 +129,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696187269" 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 72d4b272d0..b0b64184a7 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +232,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187268" 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 9d9d2b7c04..2c6058923d 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187269" 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 dc8990546c..809ce45753 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../js/theme.js?1696187268" 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 658337c011..5c16e71484 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -136,8 +136,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../js/theme.js?1696187269" 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 a6a46f509e..bed35b202f 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -222,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -384,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187268" 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 185f9a963f..a3b93042e3 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187269" 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 57d2f4336e..488bac7c38 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -222,12 +222,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -384,13 +384,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187268" 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 ee5ed89541..63541427e0 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-2-2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187269" 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 081f4edcc6..0bdcf58b57 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -383,13 +383,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../../js/theme.js?1696187268" 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 e3b4d9c515..cd12d1a80a 100644
--- a/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1-3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../../js/theme.js?1696187269" 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 9a773748b9..56a8fdf0dc 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -395,13 +395,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../../js/theme.js?1696187268" 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 6e19bd4290..9af75fbc7e 100644
--- a/pir/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/pir/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +184,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 9e55167f91..6188001747 100644
--- a/pir/shortcodes/children/children-1/index.html
+++ b/pir/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187266"></script>
+    <script src="../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -392,13 +392,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../js/theme.js?1696187268" 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 4cf94a9115..fdd5c1653d 100644
--- a/pir/shortcodes/children/children-1/index.print.html
+++ b/pir/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="plank 1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161530"></script>
-    <script src="../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187269"></script>
+    <script src="../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,8 +210,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 181ad972bf..4d7968f6f6 100644
--- a/pir/shortcodes/children/children-2/index.html
+++ b/pir/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187266"></script>
+    <script src="../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../js/theme.js?1696187268" 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 d5041ef052..f13d91ced4 100644
--- a/pir/shortcodes/children/children-2/index.print.html
+++ b/pir/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="plank 2 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161530"></script>
-    <script src="../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187269"></script>
+    <script src="../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 6ec74e7c15..af4f367195 100644
--- a/pir/shortcodes/children/children-3/index.html
+++ b/pir/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187266"></script>
+    <script src="../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -392,13 +392,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" 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 862d00d319..03da307c5d 100644
--- a/pir/shortcodes/children/children-3/index.print.html
+++ b/pir/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161530"></script>
-    <script src="../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187269"></script>
+    <script src="../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" 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 a17b0f56aa..b678fd6ebd 100644
--- a/pir/shortcodes/children/children-3/test3/index.html
+++ b/pir/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187266"></script>
+    <script src="../../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../../../js/search.js?1696161529" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../../../js/theme.js?1696187267" 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 35ae766882..8f45f42652 100644
--- a/pir/shortcodes/children/children-3/test3/index.print.html
+++ b/pir/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../../pir/shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="plank 3-1 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161530"></script>
-    <script src="../../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187269"></script>
+    <script src="../../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161530" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 7d9668da5e..4f01dfd0e9 100644
--- a/pir/shortcodes/children/children-4/index.html
+++ b/pir/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187266"></script>
+    <script src="../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../../js/search.js?1696161530" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../../js/theme.js?1696187268" 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 1461fcd3c8..fe98416278 100644
--- a/pir/shortcodes/children/children-4/index.print.html
+++ b/pir/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161530"></script>
-    <script src="../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187269"></script>
+    <script src="../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index a074b619c8..d79f1e2793 100644
--- a/pir/shortcodes/children/index.html
+++ b/pir/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -160,20 +160,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -425,12 +419,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +581,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index e88b8e9d32..b198fbfdab 100644
--- a/pir/shortcodes/children/index.print.html
+++ b/pir/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -103,20 +103,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -500,8 +494,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index afab337c20..887bdeb2fb 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187266"></script>
+    <script src="../../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../../js/search.js?1696161529" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index f895071e52..08337b1361 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../../pir/shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="plank X :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161530"></script>
-    <script src="../../../../js/variant.js?1696161530"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187269"></script>
+    <script src="../../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 59ec58ba07..e954637160 100644
--- a/pir/shortcodes/expand/index.html
+++ b/pir/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +141,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-777ade4a330e6c9df23e980da90ec72d" aria-controls="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" >
-    <label class="expand-label" for="R-expand-777ade4a330e6c9df23e980da90ec72d" >
+    <input type="checkbox" id="R-expand-3806d74d1d5843ea4fbd87844dd5df69" aria-controls="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" >
+    <label class="expand-label" for="R-expand-3806d74d1d5843ea4fbd87844dd5df69" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" class="expand-content">
+    <div id="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" 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>
@@ -185,30 +185,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -274,26 +265,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="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" aria-controls="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" >
-    <label class="expand-label" for="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" >
+    <input type="checkbox" id="R-expand-77ef9df0a815575b57414797ad94847d" aria-controls="R-expandcontent-77ef9df0a815575b57414797ad94847d" >
+    <label class="expand-label" for="R-expand-77ef9df0a815575b57414797ad94847d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" class="expand-content">
+    <div id="R-expandcontent-77ef9df0a815575b57414797ad94847d" 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="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" aria-controls="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23"  checked>
-    <label class="expand-label" for="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" >
+    <input type="checkbox" id="R-expand-a86b439e773f2091badcb8a15cc797e6" aria-controls="R-expandcontent-a86b439e773f2091badcb8a15cc797e6"  checked>
+    <label class="expand-label" for="R-expand-a86b439e773f2091badcb8a15cc797e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23" class="expand-content">
+    <div id="R-expandcontent-a86b439e773f2091badcb8a15cc797e6" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -314,13 +305,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="R-expand-2a38aa28aca1c352bac150d6aa2bb219" aria-controls="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" >
-    <label class="expand-label" for="R-expand-2a38aa28aca1c352bac150d6aa2bb219" >
+    <input type="checkbox" id="R-expand-a59defdec1ee164b229fb5b52c42e70d" aria-controls="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" >
+    <label class="expand-label" for="R-expand-a59defdec1ee164b229fb5b52c42e70d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" class="expand-content">
+    <div id="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -426,12 +417,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -588,13 +579,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index fb98f4d528..07f85afd21 100644
--- a/pir/shortcodes/expand/index.print.html
+++ b/pir/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-777ade4a330e6c9df23e980da90ec72d" aria-controls="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" >
-    <label class="expand-label" for="R-expand-777ade4a330e6c9df23e980da90ec72d" >
+    <input type="checkbox" id="R-expand-3806d74d1d5843ea4fbd87844dd5df69" aria-controls="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" >
+    <label class="expand-label" for="R-expand-3806d74d1d5843ea4fbd87844dd5df69" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" class="expand-content">
+    <div id="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" 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>
@@ -130,30 +130,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -219,26 +210,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="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" aria-controls="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" >
-    <label class="expand-label" for="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" >
+    <input type="checkbox" id="R-expand-77ef9df0a815575b57414797ad94847d" aria-controls="R-expandcontent-77ef9df0a815575b57414797ad94847d" >
+    <label class="expand-label" for="R-expand-77ef9df0a815575b57414797ad94847d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" class="expand-content">
+    <div id="R-expandcontent-77ef9df0a815575b57414797ad94847d" 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="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" aria-controls="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23"  checked>
-    <label class="expand-label" for="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" >
+    <input type="checkbox" id="R-expand-a86b439e773f2091badcb8a15cc797e6" aria-controls="R-expandcontent-a86b439e773f2091badcb8a15cc797e6"  checked>
+    <label class="expand-label" for="R-expand-a86b439e773f2091badcb8a15cc797e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23" class="expand-content">
+    <div id="R-expandcontent-a86b439e773f2091badcb8a15cc797e6" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -259,13 +250,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="R-expand-2a38aa28aca1c352bac150d6aa2bb219" aria-controls="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" >
-    <label class="expand-label" for="R-expand-2a38aa28aca1c352bac150d6aa2bb219" >
+    <input type="checkbox" id="R-expand-a59defdec1ee164b229fb5b52c42e70d" aria-controls="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" >
+    <label class="expand-label" for="R-expand-a59defdec1ee164b229fb5b52c42e70d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" class="expand-content">
+    <div id="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -290,8 +281,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 2ef951a4d5..831550f081 100644
--- a/pir/shortcodes/highlight/index.html
+++ b/pir/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +155,15 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="e65f19fb00c8140fa98c9edeca24b18d">
+<div class="tab-panel" data-tab-group="76da9b051d9a595818efde66d38672f1">
   <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('e65f19fb00c8140fa98c9edeca24b18d','python')"
+      onclick="switchTab('76da9b051d9a595818efde66d38672f1','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -193,50 +190,35 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -384,18 +366,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="21cd7736ae18f6596a90ce7014878b12">
+<div class="tab-panel" data-tab-group="d7c0d38454df8d2e0c4694176c06d4be">
   <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('21cd7736ae18f6596a90ce7014878b12','python')"
+      onclick="switchTab('d7c0d38454df8d2e0c4694176c06d4be','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -515,12 +494,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -677,13 +656,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 65c28575e6..211f9db7ba 100644
--- a/pir/shortcodes/highlight/index.print.html
+++ b/pir/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +93,15 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="e65f19fb00c8140fa98c9edeca24b18d">
+<div class="tab-panel" data-tab-group="76da9b051d9a595818efde66d38672f1">
   <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('e65f19fb00c8140fa98c9edeca24b18d','python')"
+      onclick="switchTab('76da9b051d9a595818efde66d38672f1','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -131,50 +128,35 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -322,18 +304,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="21cd7736ae18f6596a90ce7014878b12">
+<div class="tab-panel" data-tab-group="d7c0d38454df8d2e0c4694176c06d4be">
   <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('21cd7736ae18f6596a90ce7014878b12','python')"
+      onclick="switchTab('d7c0d38454df8d2e0c4694176c06d4be','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -372,8 +351,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 874c98370e..186afd993d 100644
--- a/pir/shortcodes/icon/index.html
+++ b/pir/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -154,30 +154,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -349,12 +340,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -511,13 +502,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 19a252b3bc..6cfa9f4a7e 100644
--- a/pir/shortcodes/icon/index.print.html
+++ b/pir/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,30 +98,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -212,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 60be0b26f7..0a7b211d67 100644
--- a/pir/shortcodes/include/index.html
+++ b/pir/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +148,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -339,12 +330,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -501,13 +492,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 269be1ee80..12faedfd3b 100644
--- a/pir/shortcodes/include/index.print.html
+++ b/pir/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +95,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -205,8 +196,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index c21abc2e7b..30651b39a8 100644
--- a/pir/shortcodes/index.html
+++ b/pir/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.print.html" rel="alternate" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -236,12 +236,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../js/search.js?1696161530" defer></script>
+        <script src="../../js/auto-complete.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187268" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187268" defer></script>
+        <script src="../../js/search.js?1696187268" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -398,13 +398,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../js/github-buttons.js?1696187268"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187268" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187268" defer></script>
+    <script src="../../js/theme.js?1696187268" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index efa44a79eb..63bf427664 100644
--- a/pir/shortcodes/index.print.html
+++ b/pir/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="canonical" type="text/html" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shorrrtcodes :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../js/url.js?1696161530"></script>
-    <script src="../../js/variant.js?1696161530"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../js/url.js?1696187269"></script>
+    <script src="../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -160,20 +160,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -405,20 +399,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -619,20 +607,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -959,20 +941,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1362,13 +1338,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="R-expand-777ade4a330e6c9df23e980da90ec72d" aria-controls="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" >
-    <label class="expand-label" for="R-expand-777ade4a330e6c9df23e980da90ec72d" >
+    <input type="checkbox" id="R-expand-3806d74d1d5843ea4fbd87844dd5df69" aria-controls="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" >
+    <label class="expand-label" for="R-expand-3806d74d1d5843ea4fbd87844dd5df69" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-777ade4a330e6c9df23e980da90ec72d" class="expand-content">
+    <div id="R-expandcontent-3806d74d1d5843ea4fbd87844dd5df69" 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>
@@ -1406,30 +1382,21 @@ So its rrrambl'n be used as descript'n.</p>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1495,26 +1462,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="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" aria-controls="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" >
-    <label class="expand-label" for="R-expand-ed9ef744aa2a13a1f04112abe7e80b9a" >
+    <input type="checkbox" id="R-expand-77ef9df0a815575b57414797ad94847d" aria-controls="R-expandcontent-77ef9df0a815575b57414797ad94847d" >
+    <label class="expand-label" for="R-expand-77ef9df0a815575b57414797ad94847d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-ed9ef744aa2a13a1f04112abe7e80b9a" class="expand-content">
+    <div id="R-expandcontent-77ef9df0a815575b57414797ad94847d" 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="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" aria-controls="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23"  checked>
-    <label class="expand-label" for="R-expand-cafab7139ce9e8ca8ef19cd60ab1cb23" >
+    <input type="checkbox" id="R-expand-a86b439e773f2091badcb8a15cc797e6" aria-controls="R-expandcontent-a86b439e773f2091badcb8a15cc797e6"  checked>
+    <label class="expand-label" for="R-expand-a86b439e773f2091badcb8a15cc797e6" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-cafab7139ce9e8ca8ef19cd60ab1cb23" class="expand-content">
+    <div id="R-expandcontent-a86b439e773f2091badcb8a15cc797e6" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1535,13 +1502,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="R-expand-2a38aa28aca1c352bac150d6aa2bb219" aria-controls="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" >
-    <label class="expand-label" for="R-expand-2a38aa28aca1c352bac150d6aa2bb219" >
+    <input type="checkbox" id="R-expand-a59defdec1ee164b229fb5b52c42e70d" aria-controls="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" >
+    <label class="expand-label" for="R-expand-a59defdec1ee164b229fb5b52c42e70d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-2a38aa28aca1c352bac150d6aa2bb219" class="expand-content">
+    <div id="R-expandcontent-a59defdec1ee164b229fb5b52c42e70d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1579,18 +1546,15 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="e65f19fb00c8140fa98c9edeca24b18d">
+<div class="tab-panel" data-tab-group="76da9b051d9a595818efde66d38672f1">
   <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('e65f19fb00c8140fa98c9edeca24b18d','python')"
+      onclick="switchTab('76da9b051d9a595818efde66d38672f1','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1617,50 +1581,35 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1808,18 +1757,15 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="21cd7736ae18f6596a90ce7014878b12">
+<div class="tab-panel" data-tab-group="d7c0d38454df8d2e0c4694176c06d4be">
   <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('21cd7736ae18f6596a90ce7014878b12','python')"
+      onclick="switchTab('d7c0d38454df8d2e0c4694176c06d4be','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1876,30 +1822,21 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2005,30 +1942,21 @@ No need t' press ye!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2158,30 +2086,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2343,30 +2262,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2959,30 +2869,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3311,20 +3212,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3379,7 +3274,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-b7bfcca0832cfc2c7680adc83daa4643"
+    id="R-openapi-c8c2e6f681f533f4ead598781ad4aa24"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3408,30 +3303,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3487,18 +3373,15 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a83277cb99f40aa923fe041ac5f0eaaa">
+<div class="tab-panel" data-tab-group="f4d4c8ef985a4df3da959089f319c46d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a83277cb99f40aa923fe041ac5f0eaaa','configtoml')"
+      onclick="switchTab('f4d4c8ef985a4df3da959089f319c46d','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3531,18 +3414,15 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="b0d127ff1afc50c451adc73bb7471dda">
+<div class="tab-panel" data-tab-group="04468db7c73bea3eba45236051973fc9">
   <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('b0d127ff1afc50c451adc73bb7471dda','c')"
+      onclick="switchTab('04468db7c73bea3eba45236051973fc9','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3566,20 +3446,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3651,18 +3525,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="19fd0dfd4aa7eb0bc4a3456809f64f01">
+<div class="tab-panel" data-tab-group="b77ae09c4734d86399f9e39b9b496550">
   <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('19fd0dfd4aa7eb0bc4a3456809f64f01','code')"
+      onclick="switchTab('b77ae09c4734d86399f9e39b9b496550','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3682,18 +3553,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1debc424198fab9d7c5721bfa9032504">
+<div class="tab-panel" data-tab-group="e3cd6fdb0757d9c50198ab5caa63cbcb">
   <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('1debc424198fab9d7c5721bfa9032504','mixed')"
+      onclick="switchTab('e3cd6fdb0757d9c50198ab5caa63cbcb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3736,58 +3604,43 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="60194afd3320bfee88b1573954ed92b2">
+<div class="tab-panel" data-tab-group="bc1b367d99fc00ffaa1f6a36190c5430">
   <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('60194afd3320bfee88b1573954ed92b2','just-colored-style')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','default-style-and-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style an' color</span>
-        <span class="tab-nav-text">default style an' color</span>
-      </span>
+      <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('60194afd3320bfee88b1573954ed92b2','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3855,38 +3708,29 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="554e2441471afb4b3dff8aa66e1d7b7d">
+<div class="tab-panel" data-tab-group="e6a7a8e839c877844328a8f4ef66f781">
   <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('554e2441471afb4b3dff8aa66e1d7b7d','py')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','sh')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','c')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3925,20 +3769,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4038,38 +3876,29 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="bbd8bca23d4b490a25c0062caccb8e4a">
+<div class="tab-panel" data-tab-group="9e9e716bc2851aa58847a3446837dd2a">
   <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('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-1')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-2')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-b')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4142,30 +3971,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4205,20 +4025,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4249,20 +4063,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4326,20 +4134,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4359,20 +4161,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4416,20 +4212,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4464,8 +4254,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4494,27 +4284,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696161530"></script>
-    <script src="../../js/d3/d3-color.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161530" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161530" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161530" defer></script>
-    <script src="../../js/mermaid.min.js?1696161530" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696187269"></script>
+    <script src="../../js/d3/d3-color.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187269" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187269" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187269" defer></script>
+    <script src="../../js/mermaid.min.js?1696187269" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696161530" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696161530" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696187269" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696187269" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161530", assetsBuster:  1696161530  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187269", assetsBuster:  1696187269  };
     </script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.xml b/pir/shortcodes/index.xml
index b1088ec913..0ecea42841 100644
--- a/pir/shortcodes/index.xml
+++ b/pir/shortcodes/index.xml
@@ -22,7 +22,7 @@ Attachments adivorciarsetoca00cape.pdf (361 KB) BachGavotteShort.mp3 (357 KB) Ca
       <description>Th&#39; badge shortcode displays little markers &#39;n yer text wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Important Version6.6.6 Captain AhoiNew Awesome
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; ay&#39;con=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
+&amp;#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; ay&#39;con=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
     </item>
     <item>
       <title>Button</title>
@@ -31,7 +31,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html</guid>
       <description>Th&#39; button shortcode displays a click&#39;ble button wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con.
 Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; ay&#39;con=&amp;#34;dragon&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;page&amp;#34; .</description>
+&amp;#8203; shortcode partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; ay&#39;con=&amp;#34;dragon&amp;#34; %}}Get Cap&#39;n Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.</description>
     </item>
     <item>
       <title>Children</title>
@@ -40,7 +40,7 @@ Get Cap&#39;n Hugo Get Cap&#39;n Hugo Usage While th&#39; examples be us&#39;n s
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html</guid>
       <description>Th&#39; children shortcode lists th&#39; child planks o&#39; th&#39; current plank an&#39; its descendants.
 plank X plank 1 plank 2 plank 3 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose th&#39; style used t&#39; group all children.</description>
+&amp;#8203; shortcode partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose th&#39; style used t&#39; group all children.</description>
     </item>
     <item>
       <title>Expand</title>
@@ -64,7 +64,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html</guid>
       <description>Arrr! Pirrrates Fello&#39; pirrrates, grog made us dizzy! Be awarrre some stuff may look weird in this trrranslat&#39;n. Like Merrrmaids, do&#39;n math or chemistrrry and stuff.
 Th&#39; highlight shortcode renders yer code wit&#39; a rules highlighter.
-&amp;#8203; python python 1print(&amp;#34;Hello World!&amp;#34;) Usage This shortcode be fully compat&#39;ble wit&#39; Hugo&amp;rsquo;s highlight shortcode but offers some extensions.
+&amp;#8203; python 1print(&amp;#34;Hello World!&amp;#34;) Usage This shortcode be fully compat&#39;ble wit&#39; Hugo&amp;rsquo;s highlight shortcode but offers some extensions.
 It be called interchangeably &#39;n th&#39; same way as Hugo&amp;rsquo;s own shortcode provid&#39;n positional parameter or by simply us&#39;n codefences.</description>
     </item>
     <item>
@@ -74,7 +74,7 @@ It be called interchangeably &#39;n th&#39; same way as Hugo&amp;rsquo;s own sho
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html</guid>
       <description>Th&#39; ay&#39;con shortcode displays ay&#39;cons us&#39;n th&#39; Font Awesome library.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parameter ye be free t&#39; also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% ay&#39;con ay&#39;con=&amp;#34;exclamation-triangle&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;page&amp;#34; .</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% ay&#39;con ay&#39;con=&amp;#34;exclamation-triangle&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;angle-double-up&amp;#34; %}} {{% ay&#39;con ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} {{% ay&#39;con exclamat&#39;n-triangle %}} {{% ay&#39;con angle-do&#39;ble-up %}} {{% ay&#39;con skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;icon&amp;#34; &amp;#34;exclamation-triangle&amp;#34; )}} {{ partial &amp;#34;shortcodes/icon.</description>
     </item>
     <item>
       <title>Include</title>
@@ -83,7 +83,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; positional parame
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html</guid>
       <description>Th&#39; include shortcode includes other files from yer project inside o&#39; th&#39; current plank.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} Th&#39; included files can even contain Marrrkdown an&#39; will be taken into account when generat&#39;n th&#39; t&#39;ble o&#39; contents.</description>
     </item>
     <item>
       <title>Math</title>
@@ -113,7 +113,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter i
       <description>Th&#39; notice shortcode shows various types o&#39; disclaimers wit&#39; adjust&#39;ble color, title an&#39; ay&#39;con t&#39; help ye structure yer plank.
 There may be pirates It be all about th&#39; boxes.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional as well or also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} It be all about th&#39; boxes.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; ay&#39;con=&amp;#34;skull-crossbones&amp;#34; %}} It be all about th&#39; boxes.</description>
     </item>
     <item>
       <title>OpenAPI</title>
@@ -123,7 +123,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <description>Th&#39; openapi shortcode uses th&#39; Swagger UI library t&#39; display yer OpenAPI / Swagger specificat&#39;ns.
 Avast This only works &#39;n modern browsers.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode partial partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; Th&#39; URL t&#39; th&#39; OpenAPI specificat&#39;n file.</description>
+&amp;#8203; shortcode partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; Th&#39; URL t&#39; th&#39; OpenAPI specificat&#39;n file.</description>
     </item>
     <item>
       <title>SiteParam</title>
@@ -132,7 +132,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <guid>https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html</guid>
       <description>Th&#39; siteparam shortcode prints values o&#39; ship params.
 Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; use positional aswell or call this shortcode from yer own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &amp;lt;empty&amp;gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Posit&#39;n Default Notes name 1 &amp;lt;empty&amp;gt; Th&#39; name o&#39; th&#39; ship param t&#39; be displayed.</description>
     </item>
     <item>
       <title>Tab</title>
@@ -142,7 +142,7 @@ Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter y
       <description>Ye can use a tab shortcode t&#39; display a single tab.
 This be especially useful if ye want t&#39; flag yer code example wit&#39; an explicit language.
 If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs shortcode.
-&amp;#8203; c c printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
+&amp;#8203; c printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
     <item>
       <title>Tabs</title>
@@ -152,7 +152,7 @@ If ye want multiple tabs grouped together ye can wrap yer tabs into th&#39; tabs
       <description>Th&#39; tabs shortcode displays arbitrary rrrambl&#39;n &#39;n an unlimited number o&#39; tabs.
 This comes &#39;n handy eg. fer provid&#39;n code snippets fer multiple languages.
 If ye just want a single tab ye can instead call th&#39; tab shortcode standalone.
-hello. py py sh sh c c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
+hello. py sh c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While th&#39; examples be us&#39;n shorrrtcodes wit&#39; named parameter ye be free t&#39; also call this shortcode from yer own partials.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 99b3d9de58..cfb054d97a 100644
--- a/pir/shortcodes/math/index.html
+++ b/pir/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -185,30 +185,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -406,12 +397,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="../../../js/search.js?1696161528" defer></script>
+        <script src="../../../js/auto-complete.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="../../../js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -568,13 +559,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -603,7 +594,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?1696161529"></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696187266"></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 23d2738c5e..71a71d3a51 100644
--- a/pir/shortcodes/math/index.print.html
+++ b/pir/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +123,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -263,8 +254,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -293,7 +284,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?1696161530"></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696187269"></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index b7bbdd9f04..b7c791b8e1 100644
--- a/pir/shortcodes/mermaid/index.html
+++ b/pir/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -198,30 +198,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -872,12 +863,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1034,27 +1025,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696161529" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696161529" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696161529" defer></script>
-    <script src="../../../js/mermaid.min.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696187267" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696187267" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696187267" defer></script>
+    <script src="../../../js/mermaid.min.js?1696187267" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index b3cf00bbb5..fea5d1243e 100644
--- a/pir/shortcodes/mermaid/index.print.html
+++ b/pir/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Merrrmaid :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +125,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -718,22 +709,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1696161530" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1696161530" defer></script>
-    <script src="../../../js/js-yaml.min.js?1696161530" defer></script>
-    <script src="../../../js/mermaid.min.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696187269" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696187269" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696187269" defer></script>
+    <script src="../../../js/mermaid.min.js?1696187269" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index cc59bb4397..b338c89d7d 100644
--- a/pir/shortcodes/notice/index.html
+++ b/pir/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -160,30 +160,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -570,12 +561,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -732,13 +723,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 1e1cc5ed79..576ec57fc7 100644
--- a/pir/shortcodes/notice/index.print.html
+++ b/pir/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -103,30 +103,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -432,8 +423,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 33b1f42834..44f0154293 100644
--- a/pir/shortcodes/openapi/index.html
+++ b/pir/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -156,20 +156,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -224,7 +218,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-b7bfcca0832cfc2c7680adc83daa4643"
+    id="R-openapi-c8c2e6f681f533f4ead598781ad4aa24"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -319,12 +313,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -481,19 +475,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696161530" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696161530" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696187269" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696187269" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161530", assetsBuster:  1696161530  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187269", assetsBuster:  1696187269  };
     </script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index 06fdd88652..a12cebbd12 100644
--- a/pir/shortcodes/openapi/index.print.html
+++ b/pir/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -103,20 +103,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -171,7 +165,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-b7bfcca0832cfc2c7680adc83daa4643"
+    id="R-openapi-c8c2e6f681f533f4ead598781ad4aa24"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -185,14 +179,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696161530" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696161530" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696187269" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696187269" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161530", assetsBuster:  1696161530  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187269", assetsBuster:  1696187269  };
     </script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 3697d1b6de..b099f6df49 100644
--- a/pir/shortcodes/siteparam/index.html
+++ b/pir/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +149,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -228,18 +219,15 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a83277cb99f40aa923fe041ac5f0eaaa">
+<div class="tab-panel" data-tab-group="f4d4c8ef985a4df3da959089f319c46d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a83277cb99f40aa923fe041ac5f0eaaa','configtoml')"
+      onclick="switchTab('f4d4c8ef985a4df3da959089f319c46d','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -346,12 +334,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -508,13 +496,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index fe7ffdc4d4..02a93343f2 100644
--- a/pir/shortcodes/siteparam/index.print.html
+++ b/pir/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +95,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -174,18 +165,15 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="a83277cb99f40aa923fe041ac5f0eaaa">
+<div class="tab-panel" data-tab-group="f4d4c8ef985a4df3da959089f319c46d">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('a83277cb99f40aa923fe041ac5f0eaaa','configtoml')"
+      onclick="switchTab('f4d4c8ef985a4df3da959089f319c46d','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -211,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 8f3aad9a0a..553c36c8ab 100644
--- a/pir/shortcodes/tab/index.html
+++ b/pir/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +142,15 @@
 <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="b0d127ff1afc50c451adc73bb7471dda">
+<div class="tab-panel" data-tab-group="04468db7c73bea3eba45236051973fc9">
   <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('b0d127ff1afc50c451adc73bb7471dda','c')"
+      onclick="switchTab('04468db7c73bea3eba45236051973fc9','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -177,20 +174,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -262,18 +253,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="19fd0dfd4aa7eb0bc4a3456809f64f01">
+<div class="tab-panel" data-tab-group="b77ae09c4734d86399f9e39b9b496550">
   <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('19fd0dfd4aa7eb0bc4a3456809f64f01','code')"
+      onclick="switchTab('b77ae09c4734d86399f9e39b9b496550','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -293,18 +281,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1debc424198fab9d7c5721bfa9032504">
+<div class="tab-panel" data-tab-group="e3cd6fdb0757d9c50198ab5caa63cbcb">
   <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('1debc424198fab9d7c5721bfa9032504','mixed')"
+      onclick="switchTab('e3cd6fdb0757d9c50198ab5caa63cbcb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -347,58 +332,43 @@
 </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="60194afd3320bfee88b1573954ed92b2">
+<div class="tab-panel" data-tab-group="bc1b367d99fc00ffaa1f6a36190c5430">
   <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('60194afd3320bfee88b1573954ed92b2','just-colored-style')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','default-style-and-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style an' color</span>
-        <span class="tab-nav-text">default style an' color</span>
-      </span>
+      <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('60194afd3320bfee88b1573954ed92b2','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -540,12 +510,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -702,13 +672,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index b5c3ffd8f9..edcc392695 100644
--- a/pir/shortcodes/tab/index.print.html
+++ b/pir/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,18 +87,15 @@
 <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="b0d127ff1afc50c451adc73bb7471dda">
+<div class="tab-panel" data-tab-group="04468db7c73bea3eba45236051973fc9">
   <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('b0d127ff1afc50c451adc73bb7471dda','c')"
+      onclick="switchTab('04468db7c73bea3eba45236051973fc9','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -122,20 +119,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -207,18 +198,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="19fd0dfd4aa7eb0bc4a3456809f64f01">
+<div class="tab-panel" data-tab-group="b77ae09c4734d86399f9e39b9b496550">
   <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('19fd0dfd4aa7eb0bc4a3456809f64f01','code')"
+      onclick="switchTab('b77ae09c4734d86399f9e39b9b496550','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -238,18 +226,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1debc424198fab9d7c5721bfa9032504">
+<div class="tab-panel" data-tab-group="e3cd6fdb0757d9c50198ab5caa63cbcb">
   <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('1debc424198fab9d7c5721bfa9032504','mixed')"
+      onclick="switchTab('e3cd6fdb0757d9c50198ab5caa63cbcb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -292,58 +277,43 @@
 </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="60194afd3320bfee88b1573954ed92b2">
+<div class="tab-panel" data-tab-group="bc1b367d99fc00ffaa1f6a36190c5430">
   <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('60194afd3320bfee88b1573954ed92b2','just-colored-style')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','default-style-and-color')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style an' color</span>
-        <span class="tab-nav-text">default style an' color</span>
-      </span>
+      <span class="tab-nav-text">default style an' color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('60194afd3320bfee88b1573954ed92b2','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('60194afd3320bfee88b1573954ed92b2','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('bc1b367d99fc00ffaa1f6a36190c5430','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style an' color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -404,8 +374,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 9975a13e94..d550b690cd 100644
--- a/pir/shortcodes/tabs/index.html
+++ b/pir/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,38 +141,29 @@
 <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="554e2441471afb4b3dff8aa66e1d7b7d">
+<div class="tab-panel" data-tab-group="e6a7a8e839c877844328a8f4ef66f781">
   <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('554e2441471afb4b3dff8aa66e1d7b7d','py')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','sh')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','c')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -211,20 +202,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -324,38 +309,29 @@
 <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="bbd8bca23d4b490a25c0062caccb8e4a">
+<div class="tab-panel" data-tab-group="9e9e716bc2851aa58847a3446837dd2a">
   <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('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-1')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-2')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-b')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -428,30 +404,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -491,20 +458,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -535,20 +496,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -612,20 +567,14 @@
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -645,20 +594,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -702,20 +645,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -830,12 +767,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161529" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161529" defer></script>
-        <script src="../../../js/search.js?1696161529" defer></script>
+        <script src="../../../js/auto-complete.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187267" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187267" defer></script>
+        <script src="../../../js/search.js?1696187267" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -992,13 +929,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161529"></script>
+          <script async src="../../../js/github-buttons.js?1696187267"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161529" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161529" defer></script>
-    <script src="../../../js/theme.js?1696161529" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187267" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187267" defer></script>
+    <script src="../../../js/theme.js?1696187267" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 685e7bd182..bcbd321a5b 100644
--- a/pir/shortcodes/tabs/index.print.html
+++ b/pir/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../../js/url.js?1696161530"></script>
-    <script src="../../../js/variant.js?1696161530"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../../js/url.js?1696187269"></script>
+    <script src="../../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,38 +87,29 @@
 <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="554e2441471afb4b3dff8aa66e1d7b7d">
+<div class="tab-panel" data-tab-group="e6a7a8e839c877844328a8f4ef66f781">
   <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('554e2441471afb4b3dff8aa66e1d7b7d','py')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','sh')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('554e2441471afb4b3dff8aa66e1d7b7d','c')"
+      onclick="switchTab('e6a7a8e839c877844328a8f4ef66f781','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -157,20 +148,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -270,38 +255,29 @@
 <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="bbd8bca23d4b490a25c0062caccb8e4a">
+<div class="tab-panel" data-tab-group="9e9e716bc2851aa58847a3446837dd2a">
   <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('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-1')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-a-tab-view-2')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('bbd8bca23d4b490a25c0062caccb8e4a','group-b')"
+      onclick="switchTab('9e9e716bc2851aa58847a3446837dd2a','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -374,30 +350,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -437,20 +404,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -481,20 +442,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -558,20 +513,14 @@
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -591,20 +540,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -648,20 +591,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -695,8 +632,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index f7a25e733d..6006a1934d 100644
--- a/pir/showcase/index.html
+++ b/pir/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -129,14 +129,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-da43a97e7a3e44a8445d4c9df8cca965" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-da43a97e7a3e44a8445d4c9df8cca965"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-412f376fd116b32a25b0bab2efd60abc" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-412f376fd116b32a25b0bab2efd60abc"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-61d7c2196977ab03bc8bab85a7524e55" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-61d7c2196977ab03bc8bab85a7524e55"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2a64d947bebf40f23e1302470fa1979d" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2a64d947bebf40f23e1302470fa1979d"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-d4072085c54c0f973e6d8a6c69d0793a" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d4072085c54c0f973e6d8a6c69d0793a"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1a58fed53a6aa691a35400cb8d4a3ad3" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1a58fed53a6aa691a35400cb8d4a3ad3"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -228,12 +228,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../js/search.js?1696161530" defer></script>
+        <script src="../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +390,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index 550cafd092..18c774badd 100644
--- a/pir/showcase/index.print.html
+++ b/pir/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../pir/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161530" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161530" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161530" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161530" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161530" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161530" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161530" rel="stylesheet">
-    <link href="../../css/print.css?1696161530" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161530" rel="stylesheet">
-    <link href="../../css/ie.css?1696161530" rel="stylesheet">
-    <script src="../../js/url.js?1696161530"></script>
-    <script src="../../js/variant.js?1696161530"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187269" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187269" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187269" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187269" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187269" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187269" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187269" rel="stylesheet">
+    <link href="../../css/print.css?1696187269" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187269" rel="stylesheet">
+    <link href="../../css/ie.css?1696187269" rel="stylesheet">
+    <script src="../../js/url.js?1696187269"></script>
+    <script src="../../js/variant.js?1696187269"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +83,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-da43a97e7a3e44a8445d4c9df8cca965" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-da43a97e7a3e44a8445d4c9df8cca965"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-412f376fd116b32a25b0bab2efd60abc" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-412f376fd116b32a25b0bab2efd60abc"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-61d7c2196977ab03bc8bab85a7524e55" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-61d7c2196977ab03bc8bab85a7524e55"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-2a64d947bebf40f23e1302470fa1979d" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-2a64d947bebf40f23e1302470fa1979d"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-d4072085c54c0f973e6d8a6c69d0793a" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-d4072085c54c0f973e6d8a6c69d0793a"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-1a58fed53a6aa691a35400cb8d4a3ad3" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-1a58fed53a6aa691a35400cb8d4a3ad3"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index 4699eb3d18..484a2ad4d0 100644
--- a/pir/tags/children/index.html
+++ b/pir/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 916f081234..8cf39babf2 100644
--- a/pir/tags/config/index.html
+++ b/pir/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index f6eafc7800..c5b927eea3 100644
--- a/pir/tags/content/index.html
+++ b/pir/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 7442270373..732b7dcdc8 100644
--- a/pir/tags/documentatn/index.html
+++ b/pir/tags/documentatn/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index 0f1d906e54..9f1c0c5b60 100644
--- a/pir/tags/headless/index.html
+++ b/pir/tags/headless/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +361,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 66261d6a2d..08551c5e8c 100644
--- a/pir/tags/hidden/index.html
+++ b/pir/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 50f8683408..9d77d65c40 100644
--- a/pir/tags/index.html
+++ b/pir/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../pir/tags/index.xml" rel="alternate" type="application/rss+xml" title="Taks :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../js/url.js?1696187266"></script>
+    <script src="../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../js/search.js?1696161530" defer></script>
+        <script src="../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../js/theme.js?1696161530" defer></script>
+    <script src="../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 3ffe6ecaee..2b95f30c1c 100644
--- a/pir/tags/non-hidden/index.html
+++ b/pir/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -369,13 +369,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 623d0e0032..14dcf3f1a4 100644
--- a/pir/tags/tutorrrial/index.html
+++ b/pir/tags/tutorrrial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Tak :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1696161528" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187266" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187266" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187266" rel="stylesheet">
+    <link href="../../../css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187266" rel="stylesheet">
+    <script src="../../../js/url.js?1696187266"></script>
+    <script src="../../../js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161530" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161530" defer></script>
-        <script src="../../../js/search.js?1696161530" defer></script>
+        <script src="../../../js/auto-complete.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187269" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187269" defer></script>
+        <script src="../../../js/search.js?1696187269" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161530"></script>
+          <script async src="../../../js/github-buttons.js?1696187269"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161530" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161530" defer></script>
-    <script src="../../../js/theme.js?1696161530" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187269" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187269" defer></script>
+    <script src="../../../js/theme.js?1696187269" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index eb89741aff..689b1a6825 100644
--- a/search.html
+++ b/search.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/search.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/search.html" rel="canonical" type="text/html" title="Search :: Hugo Relearn Theme">
-    <link href="./images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="./css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="./css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1696161528" rel="stylesheet">
-    <link href="./css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1696161528" rel="stylesheet">
-    <link href="./css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1696161528" rel="stylesheet">
-    <script src="./js/url.js?1696161528"></script>
-    <script src="./js/variant.js?1696161528"></script>
+    <link href="./css/fontawesome-all.min.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696187266" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696187266" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696187266" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696187266" rel="stylesheet">
+    <link href="./css/fonts.css?1696187266" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696187266" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696187266" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696187266" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696187266" rel="stylesheet">
+    <link href="./css/print.css?1696187266" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696187266" rel="stylesheet">
+    <script src="./js/url.js?1696187266"></script>
+    <script src="./js/variant.js?1696187266"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1696161528" defer></script>
-        <script src="./js/lunr/lunr.min.js?1696161528" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1696161528" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1696161528" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1696161528" defer></script>
-        <script src="./js/search.js?1696161528" defer></script>
+        <script src="./js/auto-complete.js?1696187266" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696187266" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696187266" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696187266" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696187266" defer></script>
+        <script src="./js/search.js?1696187266" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -356,13 +356,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1696161528"></script>
+          <script async src="./js/github-buttons.js?1696187266"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1696161528" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="./js/theme.js?1696161528" defer></script>
+    <script src="./js/clipboard.min.js?1696187266" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="./js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index c14c557c34..b8e9d11a0d 100644
--- a/shortcodes/attachments/index.html
+++ b/shortcodes/attachments/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.print.html" rel="alternate" type="text/html" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -481,12 +475,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -643,13 +637,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index b38e8216aa..baf1f1d1ba 100644
--- a/shortcodes/attachments/index.print.html
+++ b/shortcodes/attachments/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/attachments/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/attachments/index.html" rel="canonical" type="text/html" title="Attachments :: Hugo Relearn Theme">
     <link href="../../shortcodes/attachments/index.xml" rel="alternate" type="application/rss+xml" title="Attachments :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +114,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -338,8 +332,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 640aaa5e88..97ca49baee 100644
--- a/shortcodes/badge/index.html
+++ b/shortcodes/badge/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.print.html" rel="alternate" type="text/html" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -154,20 +154,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -420,12 +414,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -582,13 +576,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 6c441b6bfb..b23501c836 100644
--- a/shortcodes/badge/index.print.html
+++ b/shortcodes/badge/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/badge/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/badge/index.html" rel="canonical" type="text/html" title="Badge :: Hugo Relearn Theme">
     <link href="../../shortcodes/badge/index.xml" rel="alternate" type="application/rss+xml" title="Badge :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -99,20 +99,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -284,8 +278,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 253593ba0c..b423013d71 100644
--- a/shortcodes/button/index.html
+++ b/shortcodes/button/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.print.html" rel="alternate" type="text/html" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +163,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -560,12 +554,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -722,13 +716,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 1abe7efb53..de8bf189f0 100644
--- a/shortcodes/button/index.print.html
+++ b/shortcodes/button/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/button/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html" rel="canonical" type="text/html" title="Button :: Hugo Relearn Theme">
     <link href="../../shortcodes/button/index.xml" rel="alternate" type="application/rss+xml" title="Button :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +107,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -423,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" 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 2511cf6264..c672b98e65 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -221,12 +221,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -387,13 +387,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696187265" 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 aef3a84f0a..70d55394bf 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/children-1-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696187266" 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 a5324c0a86..afad509714 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -397,13 +397,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187265" 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 df7d7673ac..7689005bc8 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +125,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../../../js/theme.js?1696187266" 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 0ad57939e9..b6a2f66128 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -230,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -394,13 +394,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/theme.js?1696187265" 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 aa141bad8a..afe9fbb983 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +108,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/theme.js?1696187266" 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 5ac19d5b36..d7db590c22 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -229,12 +229,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../js/theme.js?1696187265" 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 7b730c859c..19a64e478c 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -132,8 +132,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../js/theme.js?1696187266" 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 e156f5d6a6..cb2d7dc276 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/theme.js?1696187265" 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 7c18294457..0956fa6482 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" rel="canonical" type="text/html" title="page 1-1-2-1 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-1 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/theme.js?1696187266" 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 3165173e1f..6f853abd93 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" rel="alternate" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -220,12 +220,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -382,13 +382,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../../js/theme.js?1696187265" 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 c53e280947..a0e9354f16 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" rel="canonical" type="text/html" title="page 1-1-2-2 :: Hugo Relearn Theme">
     <link href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-2-2 :: Hugo Relearn Theme">
-    <link href="../../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../../js/theme.js?1696187266" 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 a1ec7d4e78..4c109f9049 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html" rel="alternate" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161527"></script>
-    <script src="../../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187264"></script>
+    <script src="../../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -219,12 +219,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -381,13 +381,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../../js/theme.js?1696187265" 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 b6e04a1e55..891ed50d8e 100644
--- a/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/children-1-1-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" rel="canonical" type="text/html" title="page 1-1-3 :: Hugo Relearn Theme">
     <link href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1-3 :: Hugo Relearn Theme">
-    <link href="../../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../../js/url.js?1696161528"></script>
-    <script src="../../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696187265"></script>
+    <script src="../../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../../js/theme.js?1696187266" 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 a7d641f0b8..7353eec1f5 100644
--- a/shortcodes/children/children-1/children-1-1/index.html
+++ b/shortcodes/children/children-1/children-1-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.print.html" rel="alternate" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161527"></script>
-    <script src="../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187264"></script>
+    <script src="../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +231,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -393,13 +393,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../js/theme.js?1696187265" 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 c1443f163a..81a7f2e2c5 100644
--- a/shortcodes/children/children-1/children-1-1/index.print.html
+++ b/shortcodes/children/children-1/children-1-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/children-1-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/children-1-1/index.html" rel="canonical" type="text/html" title="page 1-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-1/children-1-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187265"></script>
+    <script src="../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 83dd2c93e9..999941ed61 100644
--- a/shortcodes/children/children-1/index.html
+++ b/shortcodes/children/children-1/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.print.html" rel="alternate" type="text/html" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../js/url.js?1696161527"></script>
-    <script src="../../../js/variant.js?1696161527"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../js/url.js?1696187264"></script>
+    <script src="../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -228,12 +228,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../js/search.js?1696161527" defer></script>
+        <script src="../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +390,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 082cbd3242..3b556f6339 100644
--- a/shortcodes/children/children-1/index.print.html
+++ b/shortcodes/children/children-1/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-1/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-1/index.html" rel="canonical" type="text/html" title="page 1 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-1/index.xml" rel="alternate" type="application/rss+xml" title="page 1 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../js/url.js?1696187265"></script>
+    <script src="../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 4fde10609a..da7690dfad 100644
--- a/shortcodes/children/children-2/index.html
+++ b/shortcodes/children/children-2/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.print.html" rel="alternate" type="text/html" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../js/url.js?1696161527"></script>
-    <script src="../../../js/variant.js?1696161527"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../js/url.js?1696187264"></script>
+    <script src="../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../js/search.js?1696161527" defer></script>
+        <script src="../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 2d11d55e5f..f004d902e9 100644
--- a/shortcodes/children/children-2/index.print.html
+++ b/shortcodes/children/children-2/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-2/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-2/index.html" rel="canonical" type="text/html" title="page 2 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-2/index.xml" rel="alternate" type="application/rss+xml" title="page 2 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../js/url.js?1696187265"></script>
+    <script src="../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 93d3ecb76e..631d353275 100644
--- a/shortcodes/children/children-3/index.html
+++ b/shortcodes/children/children-3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.print.html" rel="alternate" type="text/html" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../js/url.js?1696161527"></script>
-    <script src="../../../js/variant.js?1696161527"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../js/url.js?1696187264"></script>
+    <script src="../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -228,12 +228,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../js/search.js?1696161527" defer></script>
+        <script src="../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -390,13 +390,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index d084f51459..90abffe766 100644
--- a/shortcodes/children/children-3/index.print.html
+++ b/shortcodes/children/children-3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/index.html" rel="canonical" type="text/html" title="page 3 :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/children-3/index.xml" rel="alternate" type="application/rss+xml" title="page 3 :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../js/url.js?1696187265"></script>
+    <script src="../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +122,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index fa69481f6b..783d6663fc 100644
--- a/shortcodes/children/children-3/test3/index.html
+++ b/shortcodes/children/children-3/test3/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.print.html" rel="alternate" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161527"></script>
-    <script src="../../../../js/variant.js?1696161527"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187264"></script>
+    <script src="../../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -218,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../../js/search.js?1696161527" defer></script>
+        <script src="../../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -380,13 +380,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../js/theme.js?1696187265" 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 4b1e08fe98..7342920d67 100644
--- a/shortcodes/children/children-3/test3/index.print.html
+++ b/shortcodes/children/children-3/test3/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-3/test3/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-3/test3/index.html" rel="canonical" type="text/html" title="page 3-1 :: Hugo Relearn Theme">
     <link href="../../../../shortcodes/children/children-3/test3/index.xml" rel="alternate" type="application/rss+xml" title="page 3-1 :: Hugo Relearn Theme">
-    <link href="../../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../../js/url.js?1696161528"></script>
-    <script src="../../../../js/variant.js?1696161528"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../../js/url.js?1696187265"></script>
+    <script src="../../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 306c57ec7b..13345f2259 100644
--- a/shortcodes/children/children-4/index.html
+++ b/shortcodes/children/children-4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../js/url.js?1696161527"></script>
-    <script src="../../../js/variant.js?1696161527"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../js/url.js?1696187264"></script>
+    <script src="../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../js/search.js?1696161527" defer></script>
+        <script src="../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index aedee7e3e7..91f6f38550 100644
--- a/shortcodes/children/children-4/index.print.html
+++ b/shortcodes/children/children-4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/children-4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/children-4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../js/url.js?1696187265"></script>
+    <script src="../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index dc8d161d2c..4c7d354cee 100644
--- a/shortcodes/children/index.html
+++ b/shortcodes/children/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.print.html" rel="alternate" type="text/html" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -423,12 +417,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -585,13 +579,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index ca0e5f26d8..e166231383 100644
--- a/shortcodes/children/index.print.html
+++ b/shortcodes/children/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html" rel="canonical" type="text/html" title="Children :: Hugo Relearn Theme">
     <link href="../../shortcodes/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +102,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -480,8 +474,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 71bd522a15..3fd9c1b3a0 100644
--- a/shortcodes/children/test/index.html
+++ b/shortcodes/children/test/index.html
@@ -14,20 +14,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.print.html" rel="alternate" type="text/html" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../../js/url.js?1696161527"></script>
-    <script src="../../../js/variant.js?1696161527"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../../js/url.js?1696187264"></script>
+    <script src="../../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -217,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../../js/search.js?1696161527" defer></script>
+        <script src="../../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -379,13 +379,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../../js/theme.js?1696161527" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 2442aae4f2..b2397f1fe9 100644
--- a/shortcodes/children/test/index.print.html
+++ b/shortcodes/children/test/index.print.html
@@ -14,21 +14,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/children/test/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/test/index.html" rel="canonical" type="text/html" title="page X :: Hugo Relearn Theme">
     <link href="../../../shortcodes/children/test/index.xml" rel="alternate" type="application/rss+xml" title="page X :: Hugo Relearn Theme">
-    <link href="../../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../../js/url.js?1696161528"></script>
-    <script src="../../../js/variant.js?1696161528"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../../js/url.js?1696187265"></script>
+    <script src="../../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1696161528" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../../js/theme.js?1696161528" defer></script>
+    <script src="../../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 44cbc7c278..ae5c7da3f8 100644
--- a/shortcodes/expand/index.html
+++ b/shortcodes/expand/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.print.html" rel="alternate" type="text/html" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,13 +140,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-afa0837d7c741b70b1f716c0e0811eed" aria-controls="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" >
-    <label class="expand-label" for="R-expand-afa0837d7c741b70b1f716c0e0811eed" >
+    <input type="checkbox" id="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" aria-controls="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" >
+    <label class="expand-label" for="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" class="expand-content">
+    <div id="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" 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>
@@ -184,30 +184,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -273,26 +264,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="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" aria-controls="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" >
-    <label class="expand-label" for="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" >
+    <input type="checkbox" id="R-expand-a749bd66129db5c184bf320890ee107d" aria-controls="R-expandcontent-a749bd66129db5c184bf320890ee107d" >
+    <label class="expand-label" for="R-expand-a749bd66129db5c184bf320890ee107d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" class="expand-content">
+    <div id="R-expandcontent-a749bd66129db5c184bf320890ee107d" 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="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" aria-controls="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf"  checked>
-    <label class="expand-label" for="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" >
+    <input type="checkbox" id="R-expand-1908eb2062fe122d2b8d3399de9cac21" aria-controls="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21"  checked>
+    <label class="expand-label" for="R-expand-1908eb2062fe122d2b8d3399de9cac21" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf" class="expand-content">
+    <div id="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -313,13 +304,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="R-expand-cbe2840b0994e206ee69021d60efaef8" aria-controls="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" >
-    <label class="expand-label" for="R-expand-cbe2840b0994e206ee69021d60efaef8" >
+    <input type="checkbox" id="R-expand-c8e17cac4512a0a19334790e7f86a039" aria-controls="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" >
+    <label class="expand-label" for="R-expand-c8e17cac4512a0a19334790e7f86a039" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" class="expand-content">
+    <div id="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -424,12 +415,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -586,13 +577,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index dc6ed7bdd9..c40176583c 100644
--- a/shortcodes/expand/index.print.html
+++ b/shortcodes/expand/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/expand/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/expand/index.html" rel="canonical" type="text/html" title="Expand :: Hugo Relearn Theme">
     <link href="../../shortcodes/expand/index.xml" rel="alternate" type="application/rss+xml" title="Expand :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-afa0837d7c741b70b1f716c0e0811eed" aria-controls="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" >
-    <label class="expand-label" for="R-expand-afa0837d7c741b70b1f716c0e0811eed" >
+    <input type="checkbox" id="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" aria-controls="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" >
+    <label class="expand-label" for="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" class="expand-content">
+    <div id="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" 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>
@@ -129,30 +129,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -218,26 +209,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="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" aria-controls="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" >
-    <label class="expand-label" for="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" >
+    <input type="checkbox" id="R-expand-a749bd66129db5c184bf320890ee107d" aria-controls="R-expandcontent-a749bd66129db5c184bf320890ee107d" >
+    <label class="expand-label" for="R-expand-a749bd66129db5c184bf320890ee107d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" class="expand-content">
+    <div id="R-expandcontent-a749bd66129db5c184bf320890ee107d" 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="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" aria-controls="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf"  checked>
-    <label class="expand-label" for="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" >
+    <input type="checkbox" id="R-expand-1908eb2062fe122d2b8d3399de9cac21" aria-controls="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21"  checked>
+    <label class="expand-label" for="R-expand-1908eb2062fe122d2b8d3399de9cac21" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf" class="expand-content">
+    <div id="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -258,13 +249,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="R-expand-cbe2840b0994e206ee69021d60efaef8" aria-controls="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" >
-    <label class="expand-label" for="R-expand-cbe2840b0994e206ee69021d60efaef8" >
+    <input type="checkbox" id="R-expand-c8e17cac4512a0a19334790e7f86a039" aria-controls="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" >
+    <label class="expand-label" for="R-expand-c8e17cac4512a0a19334790e7f86a039" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" class="expand-content">
+    <div id="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -288,8 +279,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 682e71ed4d..411061ed36 100644
--- a/shortcodes/highlight/index.html
+++ b/shortcodes/highlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.print.html" rel="alternate" type="text/html" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +147,15 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="842fc760ca9108824871052f0ce87338">
+<div class="tab-panel" data-tab-group="91aa9f33692a737e32445515bd1cc25f">
   <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('842fc760ca9108824871052f0ce87338','python')"
+      onclick="switchTab('91aa9f33692a737e32445515bd1cc25f','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -185,50 +182,35 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -376,18 +358,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="ddd9d57c3f51022bedf992c8a2725efd">
+<div class="tab-panel" data-tab-group="7b1d479e3046fcdcc3a9d6ecc00e22de">
   <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('ddd9d57c3f51022bedf992c8a2725efd','python')"
+      onclick="switchTab('7b1d479e3046fcdcc3a9d6ecc00e22de','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -506,12 +485,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -668,13 +647,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index d6054b8245..84a11b3405 100644
--- a/shortcodes/highlight/index.print.html
+++ b/shortcodes/highlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/highlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html" rel="canonical" type="text/html" title="Highlight :: Hugo Relearn Theme">
     <link href="../../shortcodes/highlight/index.xml" rel="alternate" type="application/rss+xml" title="Highlight :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +85,15 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="842fc760ca9108824871052f0ce87338">
+<div class="tab-panel" data-tab-group="91aa9f33692a737e32445515bd1cc25f">
   <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('842fc760ca9108824871052f0ce87338','python')"
+      onclick="switchTab('91aa9f33692a737e32445515bd1cc25f','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -123,50 +120,35 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -314,18 +296,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="ddd9d57c3f51022bedf992c8a2725efd">
+<div class="tab-panel" data-tab-group="7b1d479e3046fcdcc3a9d6ecc00e22de">
   <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('ddd9d57c3f51022bedf992c8a2725efd','python')"
+      onclick="switchTab('7b1d479e3046fcdcc3a9d6ecc00e22de','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -363,8 +342,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 81b9fd4127..2041e38733 100644
--- a/shortcodes/icon/index.html
+++ b/shortcodes/icon/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.print.html" rel="alternate" type="text/html" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -153,30 +153,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -347,12 +338,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -509,13 +500,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index c7d9aef24f..9de8a7a915 100644
--- a/shortcodes/icon/index.print.html
+++ b/shortcodes/icon/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/icon/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html" rel="canonical" type="text/html" title="Icon :: Hugo Relearn Theme">
     <link href="../../shortcodes/icon/index.xml" rel="alternate" type="application/rss+xml" title="Icon :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +97,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -210,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 95c7ef67de..2c36226833 100644
--- a/shortcodes/include/index.html
+++ b/shortcodes/include/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.print.html" rel="alternate" type="text/html" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +147,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -337,12 +328,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +490,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 1d8a082d7a..e122569246 100644
--- a/shortcodes/include/index.print.html
+++ b/shortcodes/include/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/include/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html" rel="canonical" type="text/html" title="Include :: Hugo Relearn Theme">
     <link href="../../shortcodes/include/index.xml" rel="alternate" type="application/rss+xml" title="Include :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +94,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -203,8 +194,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index ed93fe9630..761219edd6 100644
--- a/shortcodes/include_me/index.html
+++ b/shortcodes/include_me/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -387,13 +387,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187264"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187264" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187264" defer></script>
+    <script src="../../js/theme.js?1696187264" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 8d9fe427aa..4ffb5c80cf 100644
--- a/shortcodes/include_me/index.print.html
+++ b/shortcodes/include_me/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title></title>
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -75,8 +75,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index af22dcbc1b..731c00d263 100644
--- a/shortcodes/index.html
+++ b/shortcodes/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.print.html" rel="alternate" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -234,12 +234,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -396,13 +396,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 07be93e49b..b12fca9b8d 100644
--- a/shortcodes/index.print.html
+++ b/shortcodes/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/index.html" rel="canonical" type="text/html" title="Shortcodes :: Hugo Relearn Theme">
     <link href="../shortcodes/index.xml" rel="alternate" type="application/rss+xml" title="Shortcodes :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../js/url.js?1696187265"></script>
+    <script src="../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -150,20 +150,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -393,20 +387,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -605,20 +593,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -943,20 +925,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1326,13 +1302,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="R-expand-afa0837d7c741b70b1f716c0e0811eed" aria-controls="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" >
-    <label class="expand-label" for="R-expand-afa0837d7c741b70b1f716c0e0811eed" >
+    <input type="checkbox" id="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" aria-controls="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" >
+    <label class="expand-label" for="R-expand-523243fda2a2b9a16cde5c5bf0b95dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-afa0837d7c741b70b1f716c0e0811eed" class="expand-content">
+    <div id="R-expandcontent-523243fda2a2b9a16cde5c5bf0b95dba" 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>
@@ -1370,30 +1346,21 @@ So its content is used as description.</p>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1459,26 +1426,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="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" aria-controls="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" >
-    <label class="expand-label" for="R-expand-63a7d4ccdb172d93d147ccdc9e77da81" >
+    <input type="checkbox" id="R-expand-a749bd66129db5c184bf320890ee107d" aria-controls="R-expandcontent-a749bd66129db5c184bf320890ee107d" >
+    <label class="expand-label" for="R-expand-a749bd66129db5c184bf320890ee107d" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-63a7d4ccdb172d93d147ccdc9e77da81" class="expand-content">
+    <div id="R-expandcontent-a749bd66129db5c184bf320890ee107d" 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="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" aria-controls="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf"  checked>
-    <label class="expand-label" for="R-expand-3b9e7ca741d54da3bd973a5497dc9daf" >
+    <input type="checkbox" id="R-expand-1908eb2062fe122d2b8d3399de9cac21" aria-controls="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21"  checked>
+    <label class="expand-label" for="R-expand-1908eb2062fe122d2b8d3399de9cac21" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-3b9e7ca741d54da3bd973a5497dc9daf" class="expand-content">
+    <div id="R-expandcontent-1908eb2062fe122d2b8d3399de9cac21" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1499,13 +1466,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="R-expand-cbe2840b0994e206ee69021d60efaef8" aria-controls="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" >
-    <label class="expand-label" for="R-expand-cbe2840b0994e206ee69021d60efaef8" >
+    <input type="checkbox" id="R-expand-c8e17cac4512a0a19334790e7f86a039" aria-controls="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" >
+    <label class="expand-label" for="R-expand-c8e17cac4512a0a19334790e7f86a039" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show me almost <strong>endless</strong> possibilities
     </label>
-    <div id="R-expandcontent-cbe2840b0994e206ee69021d60efaef8" class="expand-content">
+    <div id="R-expandcontent-c8e17cac4512a0a19334790e7f86a039" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1534,18 +1501,15 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="842fc760ca9108824871052f0ce87338">
+<div class="tab-panel" data-tab-group="91aa9f33692a737e32445515bd1cc25f">
   <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('842fc760ca9108824871052f0ce87338','python')"
+      onclick="switchTab('91aa9f33692a737e32445515bd1cc25f','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1572,50 +1536,35 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
     <button
       data-tab-item="partial-compat"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial-compat')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial (compat)</span>
-        <span class="tab-nav-text">partial (compat)</span>
-      </span>
+      <span class="tab-nav-text">partial (compat)</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1763,18 +1712,15 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="ddd9d57c3f51022bedf992c8a2725efd">
+<div class="tab-panel" data-tab-group="7b1d479e3046fcdcc3a9d6ecc00e22de">
   <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('ddd9d57c3f51022bedf992c8a2725efd','python')"
+      onclick="switchTab('7b1d479e3046fcdcc3a9d6ecc00e22de','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1829,30 +1775,21 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -1956,30 +1893,21 @@ No need to press you!</div>
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2100,30 +2028,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2276,30 +2195,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -2890,30 +2800,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3240,20 +3141,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3308,7 +3203,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-e861f5577afb406de5e5a603ed304aaf"
+    id="R-openapi-b1940cef1fdd2974ca80cfd571aec564"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3335,30 +3230,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3414,18 +3300,15 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2a4633226bb74d3097cf871812de8c0f">
+<div class="tab-panel" data-tab-group="0929d22d1c1b1865ea9ac4eba0b466b8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2a4633226bb74d3097cf871812de8c0f','configtoml')"
+      onclick="switchTab('0929d22d1c1b1865ea9ac4eba0b466b8','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3456,18 +3339,15 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="ac47db3046f61339b094f0143dd46ec4">
+<div class="tab-panel" data-tab-group="bbac9f0ca0be147df3b0f3afc6708d6f">
   <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('ac47db3046f61339b094f0143dd46ec4','c')"
+      onclick="switchTab('bbac9f0ca0be147df3b0f3afc6708d6f','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3491,20 +3371,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3576,18 +3450,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1d7cf28764e74656015f34ea77085401">
+<div class="tab-panel" data-tab-group="4d09ad7fc29384dfe5b5da8dadf4dea9">
   <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('1d7cf28764e74656015f34ea77085401','code')"
+      onclick="switchTab('4d09ad7fc29384dfe5b5da8dadf4dea9','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3607,18 +3478,15 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="28c998734f8bd8f1814dcd4d86e7bd2e">
+<div class="tab-panel" data-tab-group="777cd7a02eeae636de7b7a8f0dc959bb">
   <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('28c998734f8bd8f1814dcd4d86e7bd2e','mixed')"
+      onclick="switchTab('777cd7a02eeae636de7b7a8f0dc959bb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3661,58 +3529,43 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="185b91731517780ff0be4ab6a21b2d59">
+<div class="tab-panel" data-tab-group="0f6c742fe9a53152c15bf274b4d44e2f">
   <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('185b91731517780ff0be4ab6a21b2d59','just-colored-style')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','default-style-and-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style and color</span>
-        <span class="tab-nav-text">default style and color</span>
-      </span>
+      <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('185b91731517780ff0be4ab6a21b2d59','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3778,38 +3631,29 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="82b7cc5b111056bb4e1b4924a25c8df2">
+<div class="tab-panel" data-tab-group="b7a016e47d4d568e9637bb2e65cb9ab8">
   <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('82b7cc5b111056bb4e1b4924a25c8df2','py')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','sh')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','c')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3848,20 +3692,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -3961,38 +3799,29 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="26bc5940a12124d441869e0e99860b7a">
+<div class="tab-panel" data-tab-group="c30e1254f194bd164ab7ae7978e258ac">
   <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('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-1')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-2')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-b')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4065,30 +3894,21 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4128,20 +3948,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4172,20 +3986,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4249,20 +4057,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4282,20 +4084,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4339,20 +4135,14 @@ Electricity grid,H2 conversion,27.14
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -4386,8 +4176,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161528" defer></script>
+    <script src="../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187266" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4416,27 +4206,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696161528"></script>
-    <script src="../js/d3/d3-color.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1696161528" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1696161528" defer></script>
-    <script src="../js/js-yaml.min.js?1696161528" defer></script>
-    <script src="../js/mermaid.min.js?1696161528" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696187266"></script>
+    <script src="../js/d3/d3-color.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696187266" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696187266" defer></script>
+    <script src="../js/js-yaml.min.js?1696187266" defer></script>
+    <script src="../js/mermaid.min.js?1696187266" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696161528" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696161528" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696187266" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696187266" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161528", assetsBuster:  1696161528  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187266", assetsBuster:  1696187266  };
     </script>
-    <script src="../js/theme.js?1696161528" defer></script>
+    <script src="../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.xml b/shortcodes/index.xml
index cc111765a4..a61c60e4e2 100644
--- a/shortcodes/index.xml
+++ b/shortcodes/index.xml
@@ -23,7 +23,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <description>The badge shortcode displays little markers in your text with adjustable color, title and icon.
 Important Version6.6.6 Captain InfoNew Awesome
 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode partial partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; icon=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
+&amp;#8203; shortcode partial {{% badge %}}Important{{% /badge %}} {{% badge style=&amp;#34;primary&amp;#34; title=&amp;#34;Version&amp;#34; %}}6.6.6{{% /badge %}} {{% badge style=&amp;#34;red&amp;#34; icon=&amp;#34;angle-double-up&amp;#34; %}}Captain{{% /badge %}} {{% badge style=&amp;#34;info&amp;#34; %}}New{{% /badge %}} {{% badge color=&amp;#34;fuchsia&amp;#34; icon=&amp;#34;fab fa-hackerrank&amp;#34; %}}Awesome{{% /badge %}} {{ partial &amp;#34;shortcodes/badge.</description>
     </item>
     <item>
       <title>Button</title>
@@ -32,7 +32,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/button/index.html</guid>
       <description>The button shortcode displays a clickable button with adjustable color, title and icon.
 Get Hugo Get Hugo Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode partial partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; icon=&amp;#34;dragon&amp;#34; %}}Get Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.io/&amp;#34; &amp;#34;content&amp;#34; &amp;#34;Get Hugo&amp;#34; )}} {{ partial &amp;#34;shortcodes/button.</description>
+&amp;#8203; shortcode partial {{% button href=&amp;#34;https://gohugo.io/&amp;#34; %}}Get Hugo{{% /button %}} {{% button href=&amp;#34;https://gohugo.io/&amp;#34; style=&amp;#34;warning&amp;#34; icon=&amp;#34;dragon&amp;#34; %}}Get Hugo{{% /button %}} {{ partial &amp;#34;shortcodes/button.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;href&amp;#34; &amp;#34;https://gohugo.io/&amp;#34; &amp;#34;content&amp;#34; &amp;#34;Get Hugo&amp;#34; )}} {{ partial &amp;#34;shortcodes/button.</description>
     </item>
     <item>
       <title>Children</title>
@@ -41,7 +41,7 @@ Get Hugo Get Hugo Usage While the examples are using shortcodes with named param
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/children/index.html</guid>
       <description>The children shortcode lists the child pages of the current page and its descendants.
 page X page 1 page 2 page 3 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode partial partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children.</description>
+&amp;#8203; shortcode partial {{% children sort=&amp;#34;weight&amp;#34; %}} {{ partial &amp;#34;shortcodes/children.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;sort&amp;#34; &amp;#34;weight&amp;#34; )}} Parameter Name Default Notes containerstyle ul Choose the style used to group all children.</description>
     </item>
     <item>
       <title>Expand</title>
@@ -64,7 +64,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/highlight/index.html</guid>
       <description>The highlight shortcode renders your code with a syntax highlighter.
-&amp;#8203; python python 1print(&amp;#34;Hello World!&amp;#34;) Usage This shortcode is fully compatible with Hugo&amp;rsquo;s highlight shortcode but offers some extensions.
+&amp;#8203; python 1print(&amp;#34;Hello World!&amp;#34;) Usage This shortcode is fully compatible with Hugo&amp;rsquo;s highlight shortcode but offers some extensions.
 It is called interchangeably in the same way as Hugo&amp;rsquo;s own shortcode providing positional parameter or by simply using codefences.
 You are free to also call this shortcode from your own partials. In this case it resembles Hugo&amp;rsquo;s highlight function syntax if you call this shortcode as a partial using compatiblity syntax.</description>
     </item>
@@ -75,7 +75,7 @@ You are free to also call this shortcode from your own partials. In this case it
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/icon/index.html</guid>
       <description>The icon shortcode displays icons using the Font Awesome library.
 Usage While the examples are using shortcodes with positional parameter you are free to also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% icon icon=&amp;#34;exclamation-triangle&amp;#34; %}} {{% icon icon=&amp;#34;angle-double-up&amp;#34; %}} {{% icon icon=&amp;#34;skull-crossbones&amp;#34; %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;page&amp;#34; .</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% icon icon=&amp;#34;exclamation-triangle&amp;#34; %}} {{% icon icon=&amp;#34;angle-double-up&amp;#34; %}} {{% icon icon=&amp;#34;skull-crossbones&amp;#34; %}} {{% icon exclamation-triangle %}} {{% icon angle-double-up %}} {{% icon skull-crossbones %}} {{ partial &amp;#34;shortcodes/icon.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;icon&amp;#34; &amp;#34;exclamation-triangle&amp;#34; )}} {{ partial &amp;#34;shortcodes/icon.</description>
     </item>
     <item>
       <title>Include</title>
@@ -84,7 +84,7 @@ Usage While the examples are using shortcodes with positional parameter you are
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/include/index.html</guid>
       <description>The include shortcode includes other files from your project inside of the current page.
 Usage While the examples are using shortcodes with named parameter you are free to use positional aswell or also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% include file=&amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{% include &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; %}} {{ partial &amp;#34;shortcodes/include .html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;file&amp;#34; &amp;#34;shortcodes/INCLUDE_ME.md&amp;#34; )}} The included files can even contain Markdown and will be taken into account when generating the table of contents.</description>
     </item>
     <item>
       <title>Math</title>
@@ -112,7 +112,7 @@ Usage While the examples are using shortcodes with named parameter it is recomme
       <description>The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.
 There may be pirates It is all about the boxes.
 Usage While the examples are using shortcodes with named parameter you are free to use positional as well or also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; icon=&amp;#34;skull-crossbones&amp;#34; %}} It is all about the boxes.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% notice style=&amp;#34;primary&amp;#34; title=&amp;#34;There may be pirates&amp;#34; icon=&amp;#34;skull-crossbones&amp;#34; %}} It is all about the boxes.</description>
     </item>
     <item>
       <title>OpenAPI</title>
@@ -122,7 +122,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <description>The openapi shortcode uses the Swagger UI library to display your OpenAPI / Swagger specifications.
 Note This only works in modern browsers.
 Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode partial partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; The URL to the OpenAPI specification file.</description>
+&amp;#8203; shortcode partial {{&amp;lt; openapi src=&amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; &amp;gt;}} {{ partial &amp;#34;shortcodes/openapi.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;src&amp;#34; &amp;#34;https://petstore3.openapi.io/api/v3/openapi.json&amp;#34; )}} Parameter Name Default Notes src &amp;lt;empty&amp;gt; The URL to the OpenAPI specification file.</description>
     </item>
     <item>
       <title>SiteParam</title>
@@ -131,7 +131,7 @@ Usage While the examples are using shortcodes with named parameter you are free
       <guid>https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html</guid>
       <description>The siteparam shortcode prints values of site params.
 Usage While the examples are using shortcodes with named parameter you are free to use positional aswell or call this shortcode from your own partials.
-&amp;#8203; shortcode shortcode shortcode (positional) shortcode (positional) partial partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Position Default Notes name 1 &amp;lt;empty&amp;gt; The name of the site param to be displayed.</description>
+&amp;#8203; shortcode shortcode (positional) partial {{% siteparam name=&amp;#34;editURL&amp;#34; %}} {{% siteparam &amp;#34;editURL&amp;#34; %}} {{ partial &amp;#34;shortcodes/siteparam.html&amp;#34; (dict &amp;#34;page&amp;#34; . &amp;#34;name&amp;#34; &amp;#34;editURL&amp;#34; )}} Parameter Name Position Default Notes name 1 &amp;lt;empty&amp;gt; The name of the site param to be displayed.</description>
     </item>
     <item>
       <title>Tab</title>
@@ -141,7 +141,8 @@ Usage While the examples are using shortcodes with named parameter you are free
       <description>You can use a tab shortcode to display a single tab.
 This is especially useful if you want to flag your code example with an explicit language.
 If you want multiple tabs grouped together you can wrap your tabs into the tabs shortcode.
-&amp;#8203; c c printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
+&amp;#8203; c printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.
+&amp;#8203; shortcode partial {{% tab title=&amp;#34;c&amp;#34; %}} ```c printf(&amp;#34;Hello World!</description>
     </item>
     <item>
       <title>Tabs</title>
@@ -151,7 +152,7 @@ If you want multiple tabs grouped together you can wrap your tabs into the tabs
       <description>The tabs shortcode displays arbitrary content in an unlimited number of tabs.
 This comes in handy eg. for providing code snippets for multiple languages.
 If you just want a single tab you can instead call the tab shortcode standalone.
-hello. py py sh sh c c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
+hello. py sh c print(&amp;#34;Hello World!&amp;#34;) echo &amp;#34;Hello World!&amp;#34; printf(&amp;#34;Hello World!&amp;#34;); Usage While the examples are using shortcodes with named parameter you are free to also call this shortcode from your own partials.</description>
     </item>
   </channel>
 </rss>
\ No newline at end of file
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index a2628b6556..74f15b3b07 100644
--- a/shortcodes/math/index.html
+++ b/shortcodes/math/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.print.html" rel="alternate" type="text/html" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +177,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -397,12 +388,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187264" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187264" defer></script>
+        <script src="../../js/search.js?1696187264" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -559,13 +550,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -594,7 +585,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?1696161527"></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696187265"></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index e3ea67cd01..33cf902eda 100644
--- a/shortcodes/math/index.print.html
+++ b/shortcodes/math/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/math/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/math/index.html" rel="canonical" type="text/html" title="Math :: Hugo Relearn Theme">
     <link href="../../shortcodes/math/index.xml" rel="alternate" type="application/rss+xml" title="Math :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +115,21 @@ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -254,8 +245,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -284,7 +275,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?1696161528"></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696187265"></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 114b163fbf..346b4c1294 100644
--- a/shortcodes/mermaid/index.html
+++ b/shortcodes/mermaid/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.print.html" rel="alternate" type="text/html" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +190,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -863,12 +854,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1025,27 +1016,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161527" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161527" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161527" defer></script>
-    <script src="../../js/mermaid.min.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187265" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187265" defer></script>
+    <script src="../../js/mermaid.min.js?1696187265" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 166c457507..71b2b8ad82 100644
--- a/shortcodes/mermaid/index.print.html
+++ b/shortcodes/mermaid/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/mermaid/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/mermaid/index.html" rel="canonical" type="text/html" title="Mermaid :: Hugo Relearn Theme">
     <link href="../../shortcodes/mermaid/index.xml" rel="alternate" type="application/rss+xml" title="Mermaid :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +117,21 @@ graph LR;
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','codefence')"
     >
-      <span>
-        <span class="tab-nav-hidden">codefence</span>
-        <span class="tab-nav-text">codefence</span>
-      </span>
+      <span class="tab-nav-text">codefence</span>
     </button>
     <button
       data-tab-item="shortcode"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -709,22 +700,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1696161528" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1696161528" defer></script>
-    <script src="../../js/js-yaml.min.js?1696161528" defer></script>
-    <script src="../../js/mermaid.min.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696187265" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696187265" defer></script>
+    <script src="../../js/js-yaml.min.js?1696187265" defer></script>
+    <script src="../../js/mermaid.min.js?1696187265" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 1a06bb2d62..25a6d2df67 100644
--- a/shortcodes/notice/index.html
+++ b/shortcodes/notice/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.print.html" rel="alternate" type="text/html" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +159,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -568,12 +559,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -730,13 +721,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 2dc20fb8a7..364a0dde71 100644
--- a/shortcodes/notice/index.print.html
+++ b/shortcodes/notice/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/notice/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/notice/index.html" rel="canonical" type="text/html" title="Notice :: Hugo Relearn Theme">
     <link href="../../shortcodes/notice/index.xml" rel="alternate" type="application/rss+xml" title="Notice :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +102,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -430,8 +421,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index e1bc980d14..9b3e06eb05 100644
--- a/shortcodes/openapi/index.html
+++ b/shortcodes/openapi/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.print.html" rel="alternate" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -223,7 +217,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-e861f5577afb406de5e5a603ed304aaf"
+    id="R-openapi-b1940cef1fdd2974ca80cfd571aec564"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -317,12 +311,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -479,19 +473,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696161527" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696161527" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696187265" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696187265" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161527", assetsBuster:  1696161527  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187265", assetsBuster:  1696187265  };
     </script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index c9f402dfab..ed3584a515 100644
--- a/shortcodes/openapi/index.print.html
+++ b/shortcodes/openapi/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/openapi/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/openapi/index.html" rel="canonical" type="text/html" title="OpenAPI :: Hugo Relearn Theme">
     <link href="../../shortcodes/openapi/index.xml" rel="alternate" type="application/rss+xml" title="OpenAPI :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,20 +102,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -170,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-e861f5577afb406de5e5a603ed304aaf"
+    id="R-openapi-b1940cef1fdd2974ca80cfd571aec564"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -183,14 +177,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187266" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696161528" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696161528" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696187266" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696187266" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696161528", assetsBuster:  1696161528  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696187266", assetsBuster:  1696187266  };
     </script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 300593b86c..432eef5ec9 100644
--- a/shortcodes/siteparam/index.html
+++ b/shortcodes/siteparam/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +148,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -227,18 +218,15 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2a4633226bb74d3097cf871812de8c0f">
+<div class="tab-panel" data-tab-group="0929d22d1c1b1865ea9ac4eba0b466b8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2a4633226bb74d3097cf871812de8c0f','configtoml')"
+      onclick="switchTab('0929d22d1c1b1865ea9ac4eba0b466b8','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -344,12 +332,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -506,13 +494,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index ff39aa28bd..b0cd09dfcd 100644
--- a/shortcodes/siteparam/index.print.html
+++ b/shortcodes/siteparam/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/siteparam/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/siteparam/index.html" rel="canonical" type="text/html" title="SiteParam :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="SiteParam :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,30 +94,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="shortcode-positional"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','shortcode-positional')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode (positional)</span>
-        <span class="tab-nav-text">shortcode (positional)</span>
-      </span>
+      <span class="tab-nav-text">shortcode (positional)</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -173,18 +164,15 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2a4633226bb74d3097cf871812de8c0f">
+<div class="tab-panel" data-tab-group="0929d22d1c1b1865ea9ac4eba0b466b8">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('2a4633226bb74d3097cf871812de8c0f','configtoml')"
+      onclick="switchTab('0929d22d1c1b1865ea9ac4eba0b466b8','configtoml')"
     >
-      <span>
-        <span class="tab-nav-hidden">config.toml</span>
-        <span class="tab-nav-text">config.toml</span>
-      </span>
+      <span class="tab-nav-text">config.toml</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -209,8 +197,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index bac3a5c776..d90c140cdb 100644
--- a/shortcodes/tab/index.html
+++ b/shortcodes/tab/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.print.html" rel="alternate" type="text/html" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +141,15 @@
 <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="ac47db3046f61339b094f0143dd46ec4">
+<div class="tab-panel" data-tab-group="bbac9f0ca0be147df3b0f3afc6708d6f">
   <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('ac47db3046f61339b094f0143dd46ec4','c')"
+      onclick="switchTab('bbac9f0ca0be147df3b0f3afc6708d6f','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -176,20 +173,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -261,18 +252,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1d7cf28764e74656015f34ea77085401">
+<div class="tab-panel" data-tab-group="4d09ad7fc29384dfe5b5da8dadf4dea9">
   <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('1d7cf28764e74656015f34ea77085401','code')"
+      onclick="switchTab('4d09ad7fc29384dfe5b5da8dadf4dea9','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -292,18 +280,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="28c998734f8bd8f1814dcd4d86e7bd2e">
+<div class="tab-panel" data-tab-group="777cd7a02eeae636de7b7a8f0dc959bb">
   <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('28c998734f8bd8f1814dcd4d86e7bd2e','mixed')"
+      onclick="switchTab('777cd7a02eeae636de7b7a8f0dc959bb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -346,58 +331,43 @@
 </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="185b91731517780ff0be4ab6a21b2d59">
+<div class="tab-panel" data-tab-group="0f6c742fe9a53152c15bf274b4d44e2f">
   <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('185b91731517780ff0be4ab6a21b2d59','just-colored-style')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','default-style-and-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style and color</span>
-        <span class="tab-nav-text">default style and color</span>
-      </span>
+      <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('185b91731517780ff0be4ab6a21b2d59','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -538,12 +508,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -700,13 +670,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index abc621384f..511aae8147 100644
--- a/shortcodes/tab/index.print.html
+++ b/shortcodes/tab/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tab/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tab/index.html" rel="canonical" type="text/html" title="Tab :: Hugo Relearn Theme">
     <link href="../../shortcodes/tab/index.xml" rel="alternate" type="application/rss+xml" title="Tab :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,18 +86,15 @@
 <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="ac47db3046f61339b094f0143dd46ec4">
+<div class="tab-panel" data-tab-group="bbac9f0ca0be147df3b0f3afc6708d6f">
   <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('ac47db3046f61339b094f0143dd46ec4','c')"
+      onclick="switchTab('bbac9f0ca0be147df3b0f3afc6708d6f','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -121,20 +118,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -206,18 +197,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1d7cf28764e74656015f34ea77085401">
+<div class="tab-panel" data-tab-group="4d09ad7fc29384dfe5b5da8dadf4dea9">
   <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('1d7cf28764e74656015f34ea77085401','code')"
+      onclick="switchTab('4d09ad7fc29384dfe5b5da8dadf4dea9','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -237,18 +225,15 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="28c998734f8bd8f1814dcd4d86e7bd2e">
+<div class="tab-panel" data-tab-group="777cd7a02eeae636de7b7a8f0dc959bb">
   <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('28c998734f8bd8f1814dcd4d86e7bd2e','mixed')"
+      onclick="switchTab('777cd7a02eeae636de7b7a8f0dc959bb','mixed')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
-        <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
-      </span>
+      <span class="tab-nav-text"><em><strong>Mixed</strong></em></span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -291,58 +276,43 @@
 </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="185b91731517780ff0be4ab6a21b2d59">
+<div class="tab-panel" data-tab-group="0f6c742fe9a53152c15bf274b4d44e2f">
   <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('185b91731517780ff0be4ab6a21b2d59','just-colored-style')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-colored-style')"
     >
-      <span>
-        <span class="tab-nav-hidden">just colored style</span>
-        <span class="tab-nav-text">just colored style</span>
-      </span>
+      <span class="tab-nav-text">just colored style</span>
     </button>
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">just color</span>
-        <span class="tab-nav-text">just color</span>
-      </span>
+      <span class="tab-nav-text">just color</span>
     </button>
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','default-style-and-color')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','default-style-and-color')"
     >
-      <span>
-        <span class="tab-nav-hidden">default style and color</span>
-        <span class="tab-nav-text">default style and color</span>
-      </span>
+      <span class="tab-nav-text">default style and color</span>
     </button>
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('185b91731517780ff0be4ab6a21b2d59','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','just-severity-stylefa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> just severity style</span>
     </button>
     <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('185b91731517780ff0be4ab6a21b2d59','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('0f6c742fe9a53152c15bf274b4d44e2f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
     >
-      <span>
-        <span class="tab-nav-hidden"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-        <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
-      </span>
+      <span class="tab-nav-text"><i class="fa-fw fas fa-info-circle"></i> severity style and color</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -402,8 +372,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index ffa96276a4..8872e52751 100644
--- a/shortcodes/tabs/index.html
+++ b/shortcodes/tabs/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.print.html" rel="alternate" type="text/html" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,38 +140,29 @@
 <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="82b7cc5b111056bb4e1b4924a25c8df2">
+<div class="tab-panel" data-tab-group="b7a016e47d4d568e9637bb2e65cb9ab8">
   <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('82b7cc5b111056bb4e1b4924a25c8df2','py')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','sh')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','c')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -210,20 +201,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -323,38 +308,29 @@
 <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="26bc5940a12124d441869e0e99860b7a">
+<div class="tab-panel" data-tab-group="c30e1254f194bd164ab7ae7978e258ac">
   <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('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-1')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-2')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-b')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -427,30 +403,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -490,20 +457,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -534,20 +495,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -611,20 +566,14 @@
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -644,20 +593,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -701,20 +644,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -828,12 +765,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -990,13 +927,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index e00a10deaa..61a7fc2972 100644
--- a/shortcodes/tabs/index.print.html
+++ b/shortcodes/tabs/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/tabs/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/tabs/index.html" rel="canonical" type="text/html" title="Tabs :: Hugo Relearn Theme">
     <link href="../../shortcodes/tabs/index.xml" rel="alternate" type="application/rss+xml" title="Tabs :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../../js/url.js?1696161528"></script>
-    <script src="../../js/variant.js?1696161528"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../../js/url.js?1696187265"></script>
+    <script src="../../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,38 +86,29 @@
 <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="82b7cc5b111056bb4e1b4924a25c8df2">
+<div class="tab-panel" data-tab-group="b7a016e47d4d568e9637bb2e65cb9ab8">
   <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('82b7cc5b111056bb4e1b4924a25c8df2','py')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','py')"
     >
-      <span>
-        <span class="tab-nav-hidden">py</span>
-        <span class="tab-nav-text">py</span>
-      </span>
+      <span class="tab-nav-text">py</span>
     </button>
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','sh')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','sh')"
     >
-      <span>
-        <span class="tab-nav-hidden">sh</span>
-        <span class="tab-nav-text">sh</span>
-      </span>
+      <span class="tab-nav-text">sh</span>
     </button>
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('82b7cc5b111056bb4e1b4924a25c8df2','c')"
+      onclick="switchTab('b7a016e47d4d568e9637bb2e65cb9ab8','c')"
     >
-      <span>
-        <span class="tab-nav-hidden">c</span>
-        <span class="tab-nav-text">c</span>
-      </span>
+      <span class="tab-nav-text">c</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -156,20 +147,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('shortcode-parameter','shortcode')"
     >
-      <span>
-        <span class="tab-nav-hidden">shortcode</span>
-        <span class="tab-nav-text">shortcode</span>
-      </span>
+      <span class="tab-nav-text">shortcode</span>
     </button>
     <button
       data-tab-item="partial"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('shortcode-parameter','partial')"
     >
-      <span>
-        <span class="tab-nav-hidden">partial</span>
-        <span class="tab-nav-text">partial</span>
-      </span>
+      <span class="tab-nav-text">partial</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -269,38 +254,29 @@
 <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="26bc5940a12124d441869e0e99860b7a">
+<div class="tab-panel" data-tab-group="c30e1254f194bd164ab7ae7978e258ac">
   <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('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-1')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-1')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 1</span>
-        <span class="tab-nav-text">Group A, Tab View 1</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 1</span>
     </button>
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-a-tab-view-2')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-a-tab-view-2')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group A, Tab View 2</span>
-        <span class="tab-nav-text">Group A, Tab View 2</span>
-      </span>
+      <span class="tab-nav-text">Group A, Tab View 2</span>
     </button>
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('26bc5940a12124d441869e0e99860b7a','group-b')"
+      onclick="switchTab('c30e1254f194bd164ab7ae7978e258ac','group-b')"
     >
-      <span>
-        <span class="tab-nav-hidden">Group B</span>
-        <span class="tab-nav-text">Group B</span>
-      </span>
+      <span class="tab-nav-text">Group B</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -373,30 +349,21 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
-        <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
-      </span>
+      <span class="tab-nav-text"><em><strong>XML</strong></em> stuff</span>
     </button>
     <button
       data-tab-item="text"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">text</span>
-        <span class="tab-nav-text">text</span>
-      </span>
+      <span class="tab-nav-text">text</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -436,20 +403,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-a','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-a','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -480,20 +441,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tab-example-b','json')"
     >
-      <span>
-        <span class="tab-nav-hidden">json</span>
-        <span class="tab-nav-text">json</span>
-      </span>
+      <span class="tab-nav-text">json</span>
     </button>
     <button
       data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tab-example-b','xml-stuff')"
     >
-      <span>
-        <span class="tab-nav-hidden">XML stuff</span>
-        <span class="tab-nav-text">XML stuff</span>
-      </span>
+      <span class="tab-nav-text">XML stuff</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -557,20 +512,14 @@
       class="tab-nav-button tab-panel-style cstyle primary active"
       onclick="switchTab('main','text')"
     >
-      <span>
-        <span class="tab-nav-hidden">Text</span>
-        <span class="tab-nav-text">Text</span>
-      </span>
+      <span class="tab-nav-text">Text</span>
     </button>
     <button
       data-tab-item="code"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: darkorchid;"
       onclick="switchTab('main','code')"
     >
-      <span>
-        <span class="tab-nav-hidden">Code</span>
-        <span class="tab-nav-text">Code</span>
-      </span>
+      <span class="tab-nav-text">Code</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -590,20 +539,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -647,20 +590,14 @@
       class="tab-nav-button tab-panel-style cstyle initial active"
       onclick="switchTab('tabs-example-language','python')"
     >
-      <span>
-        <span class="tab-nav-hidden">python</span>
-        <span class="tab-nav-text">python</span>
-      </span>
+      <span class="tab-nav-text">python</span>
     </button>
     <button
       data-tab-item="bash"
       class="tab-nav-button tab-panel-style cstyle initial"
       onclick="switchTab('tabs-example-language','bash')"
     >
-      <span>
-        <span class="tab-nav-hidden">bash</span>
-        <span class="tab-nav-text">bash</span>
-      </span>
+      <span class="tab-nav-text">bash</span>
     </button>
   </div>
   <div class="tab-content-container">
@@ -693,8 +630,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index a4ba32ab8d..75ede1ad62 100644
--- a/showcase/index.html
+++ b/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -128,14 +128,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-b82f83899e3c5a298e82433e4042d6eb" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b82f83899e3c5a298e82433e4042d6eb"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-96d311ceadacffddebc86842b37ba883" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-96d311ceadacffddebc86842b37ba883"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-1c4700979129c515b0e43b05bce90849" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c4700979129c515b0e43b05bce90849"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-12b501a4e63429b30d112e9abe8dccde" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-12b501a4e63429b30d112e9abe8dccde"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-2d5c49931c0732e09bd969de5dbe43aa" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2d5c49931c0732e09bd969de5dbe43aa"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5e2e671cf194f925cff0668e9be9b7f1" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2e671cf194f925cff0668e9be9b7f1"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -388,13 +388,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index d2b45c1cc4..e0212bafb6 100644
--- a/showcase/index.print.html
+++ b/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161528" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161528" rel="stylesheet">
-    <link href="../css/fonts.css?1696161528" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161528" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161528" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161528" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161528" rel="stylesheet">
-    <link href="../css/print.css?1696161528" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1696161528" rel="stylesheet">
-    <link href="../css/ie.css?1696161528" rel="stylesheet">
-    <script src="../js/url.js?1696161528"></script>
-    <script src="../js/variant.js?1696161528"></script>
+    <link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187265" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187265" rel="stylesheet">
+    <link href="../css/fonts.css?1696187265" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187265" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187265" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187265" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187265" rel="stylesheet">
+    <link href="../css/print.css?1696187265" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696187265" rel="stylesheet">
+    <link href="../css/ie.css?1696187265" rel="stylesheet">
+    <script src="../js/url.js?1696187265"></script>
+    <script src="../js/variant.js?1696187265"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,14 +82,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#R-image-b82f83899e3c5a298e82433e4042d6eb" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-b82f83899e3c5a298e82433e4042d6eb"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-96d311ceadacffddebc86842b37ba883" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-96d311ceadacffddebc86842b37ba883"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#R-image-1c4700979129c515b0e43b05bce90849" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-1c4700979129c515b0e43b05bce90849"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-12b501a4e63429b30d112e9abe8dccde" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-12b501a4e63429b30d112e9abe8dccde"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#R-image-2d5c49931c0732e09bd969de5dbe43aa" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="R-image-2d5c49931c0732e09bd969de5dbe43aa"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#R-image-5e2e671cf194f925cff0668e9be9b7f1" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="R-image-5e2e671cf194f925cff0668e9be9b7f1"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../js/theme.js?1696161528" defer></script>
+    <script src="../js/clipboard.min.js?1696187266" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187266" defer></script>
+    <script src="../js/theme.js?1696187266" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 8b96885bf9..9034723489 100644
--- a/tags/children/index.html
+++ b/tags/children/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/children/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/children/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/children/index.xml" rel="alternate" type="application/rss+xml" title="Children :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -375,13 +375,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 0487d2e6a9..9965f25bff 100644
--- a/tags/config/index.html
+++ b/tags/config/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/config/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/config/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/config/index.xml" rel="alternate" type="application/rss+xml" title="config :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 96b472ed37..4fad2d5a77 100644
--- a/tags/content/index.html
+++ b/tags/content/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/content/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/content/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/content/index.xml" rel="alternate" type="application/rss+xml" title="Content :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -362,13 +362,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index b7ae5705bd..fa5c03b096 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index f033da4282..df2a218b28 100644
--- a/tags/headless/index.html
+++ b/tags/headless/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/headless/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/headless/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/headless/index.xml" rel="alternate" type="application/rss+xml" title="headless :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -361,13 +361,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 99a54aedd4..70d8207a3f 100644
--- a/tags/hidden/index.html
+++ b/tags/hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/hidden/index.xml" rel="alternate" type="application/rss+xml" title="hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -366,13 +366,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161527"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../../js/theme.js?1696161527" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index e5dcb782ba..b13dc0b019 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../js/url.js?1696161527"></script>
-    <script src="../js/variant.js?1696161527"></script>
+    <link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../js/url.js?1696187264"></script>
+    <script src="../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../js/search.js?1696161527" defer></script>
+        <script src="../js/auto-complete.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -389,13 +389,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1696161527"></script>
+          <script async src="../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1696161527" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1696161527" defer></script>
-    <script src="../js/theme.js?1696161527" defer></script>
+    <script src="../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 62cef4eae8..d7c0487a5c 100644
--- a/tags/non-hidden/index.html
+++ b/tags/non-hidden/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tags/non-hidden/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tags/non-hidden/index.html" rel="alternate" hreflang="pir">
     <link href="../../tags/non-hidden/index.xml" rel="alternate" type="application/rss+xml" title="non-hidden :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -369,13 +369,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 271093d98f..8250a3abf1 100644
--- a/tags/tutorial/index.html
+++ b/tags/tutorial/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial :: Tag :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial/index.xml" rel="alternate" type="application/rss+xml" title="tutorial :: Tag :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1696161527" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696187264" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1696161527" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1696161527" rel="stylesheet">
-    <link href="../../css/fonts.css?1696161527" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696161527" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1696161527" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1696161527" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1696161527" rel="stylesheet">
-    <link href="../../css/print.css?1696161527" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1696161527" rel="stylesheet">
-    <script src="../../js/url.js?1696161527"></script>
-    <script src="../../js/variant.js?1696161527"></script>
+    <link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696187264" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696187264" rel="stylesheet">
+    <link href="../../css/fonts.css?1696187264" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696187264" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696187264" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696187264" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696187264" rel="stylesheet">
+    <link href="../../css/print.css?1696187264" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696187264" rel="stylesheet">
+    <script src="../../js/url.js?1696187264"></script>
+    <script src="../../js/variant.js?1696187264"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1696161527" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1696161527" defer></script>
-        <script src="../../js/search.js?1696161527" defer></script>
+        <script src="../../js/auto-complete.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696187265" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696187265" defer></script>
+        <script src="../../js/search.js?1696187265" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -358,13 +358,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1696161528"></script>
+          <script async src="../../js/github-buttons.js?1696187265"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1696161528" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1696161528" defer></script>
-    <script src="../../js/theme.js?1696161528" defer></script>
+    <script src="../../js/clipboard.min.js?1696187265" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696187265" defer></script>
+    <script src="../../js/theme.js?1696187265" defer></script>
   </body>
 </html>