diff --git a/404.html b/404.html
index f322f662f7..b9c8bdb742 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="./css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="./css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1695761670" rel="stylesheet">
-    <link href="./css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1695761670" rel="stylesheet">
-    <link href="./css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1695761670" rel="stylesheet">
-    <script src="./js/url.js?1695761670"></script>
-    <script src="./js/variant.js?1695761670"></script>
+    <link href="./css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="./css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696103499" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696103499" rel="stylesheet">
+    <link href="./css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696103499" rel="stylesheet">
+    <script src="./js/url.js?1696103499"></script>
+    <script src="./js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 371e1886c1..6f657245e6 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2138,12 +2138,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2300,13 +2300,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 9a70be0202..b6adbd9dc4 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -74,8 +74,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index 7521663e2c..73569e300b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -261,8 +261,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-ea4945b528b08581cbae503588638f21" 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-ea4945b528b08581cbae503588638f21"><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-dfb786459faf61c9c8c4af67af13f784" 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-dfb786459faf61c9c8c4af67af13f784"><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>
@@ -307,8 +307,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-a3178d12e9ddcf3996bdf7af750bfba3" 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-a3178d12e9ddcf3996bdf7af750bfba3"><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-85d665e7a279c17a57a9bffdc1deaeb7" 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-85d665e7a279c17a57a9bffdc1deaeb7"><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">
 
@@ -399,12 +399,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -561,13 +561,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 30ccf86062..1e8aacd562 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +198,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-ea4945b528b08581cbae503588638f21" 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-ea4945b528b08581cbae503588638f21"><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-dfb786459faf61c9c8c4af67af13f784" 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-dfb786459faf61c9c8c4af67af13f784"><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>
@@ -244,8 +244,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-a3178d12e9ddcf3996bdf7af750bfba3" 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-a3178d12e9ddcf3996bdf7af750bfba3"><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-85d665e7a279c17a57a9bffdc1deaeb7" 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-85d665e7a279c17a57a9bffdc1deaeb7"><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">
 
@@ -255,8 +255,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 583c426232..8efbbb1bb1 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -321,12 +321,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?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -483,13 +483,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?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index 58dc31b6af..499b959740 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +185,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?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 354fb5b4ff..b9b393e822 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +123,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-fe8a127f97b016561dcc2be0e7eed701" aria-controls="expandcontent-fe8a127f97b016561dcc2be0e7eed701" >
-    <label class="expand-label" for="R-expand-fe8a127f97b016561dcc2be0e7eed701" >
+    <input type="checkbox" id="R-expand-f402459916bea396abb49fac30d0971f" aria-controls="expandcontent-f402459916bea396abb49fac30d0971f" >
+    <label class="expand-label" for="R-expand-f402459916bea396abb49fac30d0971f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-fe8a127f97b016561dcc2be0e7eed701" class="expand-content">
+    <div id="R-expandcontent-f402459916bea396abb49fac30d0971f" 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>
@@ -264,12 +264,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -426,27 +426,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761670" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761670" defer></script>
-    <script src="../../js/mermaid.min.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103500" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103500" defer></script>
+    <script src="../../js/mermaid.min.js?1696103500" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 68374ad6bb..a4682ec99d 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-fe8a127f97b016561dcc2be0e7eed701" aria-controls="expandcontent-fe8a127f97b016561dcc2be0e7eed701" >
-    <label class="expand-label" for="R-expand-fe8a127f97b016561dcc2be0e7eed701" >
+    <input type="checkbox" id="R-expand-f402459916bea396abb49fac30d0971f" aria-controls="expandcontent-f402459916bea396abb49fac30d0971f" >
+    <label class="expand-label" for="R-expand-f402459916bea396abb49fac30d0971f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-fe8a127f97b016561dcc2be0e7eed701" class="expand-content">
+    <div id="R-expandcontent-f402459916bea396abb49fac30d0971f" 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>
@@ -144,22 +144,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761672" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761672" defer></script>
-    <script src="../../js/mermaid.min.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103501" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103501" defer></script>
+    <script src="../../js/mermaid.min.js?1696103501" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 2186a83269..728ffa0c1d 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2145,12 +2145,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2307,13 +2307,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 742b0731dc..e73eda4a6c 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1341,8 +1341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 8b7bf94cc5..ab8142307a 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761670" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../js/search.js?1695761670" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1695761670"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../js/theme.js?1695761670" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 04c7fa647c..b4d72bfa3e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -876,8 +876,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-8a376336dc297ab143f9e4552269dee6" 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-8a376336dc297ab143f9e4552269dee6"><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-ce89dab953971882cd716a6f17736514" 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-ce89dab953971882cd716a6f17736514"><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>
@@ -920,8 +920,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-273688b5bf0752e63b9995b4e06d2af1" 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-273688b5bf0752e63b9995b4e06d2af1"><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-25c9eed721664899f39ac9c3282f2d5f" 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-25c9eed721664899f39ac9c3282f2d5f"><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>
@@ -1077,8 +1077,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-ea4945b528b08581cbae503588638f21" 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-ea4945b528b08581cbae503588638f21"><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-dfb786459faf61c9c8c4af67af13f784" 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-dfb786459faf61c9c8c4af67af13f784"><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>
@@ -1123,8 +1123,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-a3178d12e9ddcf3996bdf7af750bfba3" 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-a3178d12e9ddcf3996bdf7af750bfba3"><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-85d665e7a279c17a57a9bffdc1deaeb7" 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-85d665e7a279c17a57a9bffdc1deaeb7"><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">
 
@@ -1245,13 +1245,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-fe8a127f97b016561dcc2be0e7eed701" aria-controls="expandcontent-fe8a127f97b016561dcc2be0e7eed701" >
-    <label class="expand-label" for="R-expand-fe8a127f97b016561dcc2be0e7eed701" >
+    <input type="checkbox" id="R-expand-f402459916bea396abb49fac30d0971f" aria-controls="expandcontent-f402459916bea396abb49fac30d0971f" >
+    <label class="expand-label" for="R-expand-f402459916bea396abb49fac30d0971f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-fe8a127f97b016561dcc2be0e7eed701" class="expand-content">
+    <div id="R-expandcontent-f402459916bea396abb49fac30d0971f" 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>
@@ -1308,8 +1308,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-9ee01952e7439b184cc6d0e2fdd3dc93" 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-9ee01952e7439b184cc6d0e2fdd3dc93"><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-4291d16f6854d8dcfd7c4ba7856f04d8" 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-4291d16f6854d8dcfd7c4ba7856f04d8"><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">
@@ -1321,8 +1321,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-666566092ee17b11378b85eadc2a280e" 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-666566092ee17b11378b85eadc2a280e"><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-cd9f223b0914b0e40e5093e52d9fa23d" 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-cd9f223b0914b0e40e5093e52d9fa23d"><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>
@@ -2904,22 +2904,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-color.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1695761672" defer></script>
-    <script src="../js/js-yaml.min.js?1695761672" defer></script>
-    <script src="../js/mermaid.min.js?1695761672" defer></script>
+    <script src="../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-color.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696103501" defer></script>
+    <script src="../js/js-yaml.min.js?1696103501" defer></script>
+    <script src="../js/mermaid.min.js?1696103501" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1695761672" defer></script>
+    <script src="../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index ea5d9a4210..e51ac47f00 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,8 +164,8 @@
 </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-273688b5bf0752e63b9995b4e06d2af1" 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-273688b5bf0752e63b9995b4e06d2af1"><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-25c9eed721664899f39ac9c3282f2d5f" 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-25c9eed721664899f39ac9c3282f2d5f"><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>
@@ -283,12 +283,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -445,13 +445,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index da34f9603d..3e05c808a1 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 </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-273688b5bf0752e63b9995b4e06d2af1" 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-273688b5bf0752e63b9995b4e06d2af1"><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-25c9eed721664899f39ac9c3282f2d5f" 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-25c9eed721664899f39ac9c3282f2d5f"><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>
@@ -148,8 +148,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index b7f725e00d..5340d101dd 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1026,12 +1026,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1188,13 +1188,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index b0378848f9..79019aff3f 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -858,8 +858,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 5617b81b06..75efe9f194 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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-8a376336dc297ab143f9e4552269dee6" 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-8a376336dc297ab143f9e4552269dee6"><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-ce89dab953971882cd716a6f17736514" 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-ce89dab953971882cd716a6f17736514"><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>
@@ -207,12 +207,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 47aaf51c76..621f257bd5 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 <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-8a376336dc297ab143f9e4552269dee6" 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-8a376336dc297ab143f9e4552269dee6"><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-ce89dab953971882cd716a6f17736514" 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-ce89dab953971882cd716a6f17736514"><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>
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.html b/basics/topbar/index.html
index 12c4e990a9..2592efba7f 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +142,8 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-9ee01952e7439b184cc6d0e2fdd3dc93" 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-9ee01952e7439b184cc6d0e2fdd3dc93"><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-4291d16f6854d8dcfd7c4ba7856f04d8" 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-4291d16f6854d8dcfd7c4ba7856f04d8"><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">
@@ -155,8 +155,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-666566092ee17b11378b85eadc2a280e" 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-666566092ee17b11378b85eadc2a280e"><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-cd9f223b0914b0e40e5093e52d9fa23d" 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-cd9f223b0914b0e40e5093e52d9fa23d"><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>
@@ -556,12 +556,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -718,13 +718,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/basics/topbar/index.print.html b/basics/topbar/index.print.html
index d19627e5ec..d248fa8a63 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <h1 id="topbar-modification">Topbar Modification</h1>
 
 <p>The theme comes with a reasonably configured topbar.</p>
-<p><a href="#R-image-9ee01952e7439b184cc6d0e2fdd3dc93" 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-9ee01952e7439b184cc6d0e2fdd3dc93"><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-4291d16f6854d8dcfd7c4ba7856f04d8" 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-4291d16f6854d8dcfd7c4ba7856f04d8"><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">
@@ -95,8 +95,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-666566092ee17b11378b85eadc2a280e" 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-666566092ee17b11378b85eadc2a280e"><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-cd9f223b0914b0e40e5093e52d9fa23d" 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-cd9f223b0914b0e40e5093e52d9fa23d"><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>
@@ -415,8 +415,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 65de53da69..39bb9de725 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 91663758fe..fb5c4bba9c 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 4632942f78..4b10b2d7f3 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index cee1072ca0..62f9cfa861 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -378,13 +378,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 4c802a58a4..816d6292a1 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index b0f0bc4965..09d9942903 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 0d4d45937e..ca3a7ecee0 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +142,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-94c189cd1ebeaf189ceb7444f6e207ca" 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-94c189cd1ebeaf189ceb7444f6e207ca"><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-3d3ca984b06ebb49ba192089c9f3de56" 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-3d3ca984b06ebb49ba192089c9f3de56"><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">+++
@@ -153,8 +153,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-fac6f5356b0bb4376d97fca02224440a" 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-fac6f5356b0bb4376d97fca02224440a"><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-f4cc5fccd49927d50330602e338c1b3b" 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-f4cc5fccd49927d50330602e338c1b3b"><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">+++
@@ -166,8 +166,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-aaa86a05e35e3c266f52743738926d02" 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-aaa86a05e35e3c266f52743738926d02"><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-da6e2d0fc43467ea67869da5ac6530b5" 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-da6e2d0fc43467ea67869da5ac6530b5"><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>
@@ -300,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -462,13 +462,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index f61a819ad1..210e83f8cb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,8 +86,8 @@
 <h2 id="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-94c189cd1ebeaf189ceb7444f6e207ca" 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-94c189cd1ebeaf189ceb7444f6e207ca"><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-3d3ca984b06ebb49ba192089c9f3de56" 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-3d3ca984b06ebb49ba192089c9f3de56"><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">+++
@@ -97,8 +97,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-fac6f5356b0bb4376d97fca02224440a" 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-fac6f5356b0bb4376d97fca02224440a"><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-f4cc5fccd49927d50330602e338c1b3b" 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-f4cc5fccd49927d50330602e338c1b3b"><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">+++
@@ -110,8 +110,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-aaa86a05e35e3c266f52743738926d02" 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-aaa86a05e35e3c266f52743738926d02"><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-da6e2d0fc43467ea67869da5ac6530b5" 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-da6e2d0fc43467ea67869da5ac6530b5"><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>
@@ -163,8 +163,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 921c2a0e57..ea7536119f 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5c9c103706c2125188a0e0c750eed423" 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-5c9c103706c2125188a0e0c750eed423"><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-27a89e928b3bc966a51f73873be1c2e8" 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-27a89e928b3bc966a51f73873be1c2e8"><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>
@@ -321,12 +321,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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -483,13 +483,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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 043d1065ac..9415cc6957 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#R-image-5c9c103706c2125188a0e0c750eed423" 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-5c9c103706c2125188a0e0c750eed423"><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-27a89e928b3bc966a51f73873be1c2e8" 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-27a89e928b3bc966a51f73873be1c2e8"><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>
@@ -189,8 +189,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index ce4aac8b7e..1da13d2776 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +132,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c86189ba0b3d321808fd4a668fcc0d55">
+<div class="tab-panel" data-tab-group="78d9ba418d7110f6dd6c9aa2e0359bc2">
   <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('c86189ba0b3d321808fd4a668fcc0d55','configtoml')"
+      onclick="switchTab('78d9ba418d7110f6dd6c9aa2e0359bc2','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -162,13 +162,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="a7db5721e673b79aec25a43891ed98ab">
+<div class="tab-panel" data-tab-group="c927a8f7af9e3d7e6eda3adbfc35fc7f">
   <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('a7db5721e673b79aec25a43891ed98ab','frontmatter')"
+      onclick="switchTab('c927a8f7af9e3d7e6eda3adbfc35fc7f','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -191,13 +191,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="44041282c1f6617bb5287ca0346940bd">
+<div class="tab-panel" data-tab-group="d8c5bf0097557fb9f37dcf599b85ba37">
   <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('44041282c1f6617bb5287ca0346940bd','url')"
+      onclick="switchTab('d8c5bf0097557fb9f37dcf599b85ba37','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -217,13 +217,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a7e517368b8faef3453e0775aab462a7">
+<div class="tab-panel" data-tab-group="3b151f0663110c37d2b1276638815341">
   <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('a7e517368b8faef3453e0775aab462a7','result')"
+      onclick="switchTab('3b151f0663110c37d2b1276638815341','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -246,13 +246,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="928039eae45526880cd773500725e29b">
+<div class="tab-panel" data-tab-group="00f96799da5ca0077135cf7a5f61f2c5">
   <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('928039eae45526880cd773500725e29b','html')"
+      onclick="switchTab('00f96799da5ca0077135cf7a5f61f2c5','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -369,12 +369,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -531,13 +531,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 89fc3f70a3..88f1159594 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -88,13 +88,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c86189ba0b3d321808fd4a668fcc0d55">
+<div class="tab-panel" data-tab-group="78d9ba418d7110f6dd6c9aa2e0359bc2">
   <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('c86189ba0b3d321808fd4a668fcc0d55','configtoml')"
+      onclick="switchTab('78d9ba418d7110f6dd6c9aa2e0359bc2','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -118,13 +118,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="a7db5721e673b79aec25a43891ed98ab">
+<div class="tab-panel" data-tab-group="c927a8f7af9e3d7e6eda3adbfc35fc7f">
   <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('a7db5721e673b79aec25a43891ed98ab','frontmatter')"
+      onclick="switchTab('c927a8f7af9e3d7e6eda3adbfc35fc7f','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -147,13 +147,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="44041282c1f6617bb5287ca0346940bd">
+<div class="tab-panel" data-tab-group="d8c5bf0097557fb9f37dcf599b85ba37">
   <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('44041282c1f6617bb5287ca0346940bd','url')"
+      onclick="switchTab('d8c5bf0097557fb9f37dcf599b85ba37','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -173,13 +173,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a7e517368b8faef3453e0775aab462a7">
+<div class="tab-panel" data-tab-group="3b151f0663110c37d2b1276638815341">
   <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('a7e517368b8faef3453e0775aab462a7','result')"
+      onclick="switchTab('3b151f0663110c37d2b1276638815341','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -202,13 +202,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="928039eae45526880cd773500725e29b">
+<div class="tab-panel" data-tab-group="00f96799da5ca0077135cf7a5f61f2c5">
   <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('928039eae45526880cd773500725e29b','html')"
+      onclick="switchTab('00f96799da5ca0077135cf7a5f61f2c5','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -244,8 +244,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 384b4d0f13..dea1233c6b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -373,13 +373,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index c2b6f86e89..4419ce2434 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -171,8 +171,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-eac8d7d1743d9f5b02f6a7feeb2a3ea3" 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-eac8d7d1743d9f5b02f6a7feeb2a3ea3"><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-a4b0b772692fedde2af9d2d9cb7ed119" 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-a4b0b772692fedde2af9d2d9cb7ed119"><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>
@@ -221,8 +221,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-94c189cd1ebeaf189ceb7444f6e207ca" 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-94c189cd1ebeaf189ceb7444f6e207ca"><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-3d3ca984b06ebb49ba192089c9f3de56" 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-3d3ca984b06ebb49ba192089c9f3de56"><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">+++
@@ -232,8 +232,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </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-fac6f5356b0bb4376d97fca02224440a" 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-fac6f5356b0bb4376d97fca02224440a"><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-f4cc5fccd49927d50330602e338c1b3b" 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-f4cc5fccd49927d50330602e338c1b3b"><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">+++
@@ -245,8 +245,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-aaa86a05e35e3c266f52743738926d02" 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-aaa86a05e35e3c266f52743738926d02"><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-da6e2d0fc43467ea67869da5ac6530b5" 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-da6e2d0fc43467ea67869da5ac6530b5"><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>
@@ -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-f7ea40b64513a1d24c82faa35a2bdd77" 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-f7ea40b64513a1d24c82faa35a2bdd77"><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-2b0bb95cc83c4d578dd34d3a1cd01d2b" 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-2b0bb95cc83c4d578dd34d3a1cd01d2b"><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>
@@ -828,8 +828,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f8c2d9bd153d63d22e3f072ee8908118" 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-f8c2d9bd153d63d22e3f072ee8908118"><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-4573ab77f987b9043e226553a329e411" 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-4573ab77f987b9043e226553a329e411"><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>
@@ -841,8 +841,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b7b86d1e617a9816df34a7dd8cd1cee3" 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-b7b86d1e617a9816df34a7dd8cd1cee3"><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-f6e8ca5579460920b7b51cc7d877958c" 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-f6e8ca5579460920b7b51cc7d877958c"><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>
@@ -854,8 +854,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-59a5cf94e1081459f088fa8a10cc339a" 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-59a5cf94e1081459f088fa8a10cc339a"><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-ebaec9de1c3c40e966f78ecf588ee9c2" 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-ebaec9de1c3c40e966f78ecf588ee9c2"><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>
@@ -863,8 +863,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-d1dea66a7c952a0edc2b095b2559006d" 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-d1dea66a7c952a0edc2b095b2559006d"><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-4ea2a60d2fefdd9ae6404a8fa21a1e16" 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-4ea2a60d2fefdd9ae6404a8fa21a1e16"><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>
@@ -872,8 +872,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-477e7fa45d4074dc3c4985a5d70742d0" 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-477e7fa45d4074dc3c4985a5d70742d0"><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-0fb4bbf51b265061f2e3452c14957efc" 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-0fb4bbf51b265061f2e3452c14957efc"><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>
@@ -884,8 +884,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-b8705e94491b02ab5c01207502159f41" 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-b8705e94491b02ab5c01207502159f41"><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-53b4a8234fd7d3a9c12bcff3b52f5e03" 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-53b4a8234fd7d3a9c12bcff3b52f5e03"><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>
@@ -894,8 +894,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-8389584aefd69e41b8698cba5d719fd6" 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-8389584aefd69e41b8698cba5d719fd6"><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-168db32f5958ef23613a5f036d40852d" 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-168db32f5958ef23613a5f036d40852d"><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>
@@ -904,8 +904,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-4fc412187937fc8c5546f3a3b5e3a9ff" 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-4fc412187937fc8c5546f3a3b5e3a9ff"><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-537784c7059741230a2f5aabe64cd505" 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-537784c7059741230a2f5aabe64cd505"><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>
@@ -914,8 +914,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-0754ae5509b446e59486c7c26935ccc6" 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-0754ae5509b446e59486c7c26935ccc6"><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-f84641f25baf33c67b2c9bfe2f2ca752" 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-f84641f25baf33c67b2c9bfe2f2ca752"><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>
@@ -927,14 +927,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-ff5d389f52a171a7e06c733242881a4d" 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-ff5d389f52a171a7e06c733242881a4d"><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-f50999d3ff36f1ca941069eacc9a8231" 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-f50999d3ff36f1ca941069eacc9a8231"><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-d437ffa68be6ec2564322400fb942e8d" 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-d437ffa68be6ec2564322400fb942e8d"><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-43bd64dc65d8cb1fb6183dbd7efbca27" 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-43bd64dc65d8cb1fb6183dbd7efbca27"><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-527eed73f3615760232e561d75509d44" 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-527eed73f3615760232e561d75509d44"><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-f6fb24ae9f6e415cc41bf99ad9cadadb" 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-f6fb24ae9f6e415cc41bf99ad9cadadb"><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-14848ec80c41d6949624ff9fdb28e804" 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-14848ec80c41d6949624ff9fdb28e804"><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-cbfa2339678c957acefc3a637314d1f5" 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-cbfa2339678c957acefc3a637314d1f5"><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>
@@ -943,8 +943,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-184a3de994b38b02f7107b43d3d016d0" 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-184a3de994b38b02f7107b43d3d016d0"><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-afa1c0a7c8f6ea84ae2a821c4d6128a5" 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-afa1c0a7c8f6ea84ae2a821c4d6128a5"><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>
@@ -984,13 +984,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c86189ba0b3d321808fd4a668fcc0d55">
+<div class="tab-panel" data-tab-group="78d9ba418d7110f6dd6c9aa2e0359bc2">
   <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('c86189ba0b3d321808fd4a668fcc0d55','configtoml')"
+      onclick="switchTab('78d9ba418d7110f6dd6c9aa2e0359bc2','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -1014,13 +1014,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="a7db5721e673b79aec25a43891ed98ab">
+<div class="tab-panel" data-tab-group="c927a8f7af9e3d7e6eda3adbfc35fc7f">
   <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('a7db5721e673b79aec25a43891ed98ab','frontmatter')"
+      onclick="switchTab('c927a8f7af9e3d7e6eda3adbfc35fc7f','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -1043,13 +1043,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="44041282c1f6617bb5287ca0346940bd">
+<div class="tab-panel" data-tab-group="d8c5bf0097557fb9f37dcf599b85ba37">
   <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('44041282c1f6617bb5287ca0346940bd','url')"
+      onclick="switchTab('d8c5bf0097557fb9f37dcf599b85ba37','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -1069,13 +1069,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a7e517368b8faef3453e0775aab462a7">
+<div class="tab-panel" data-tab-group="3b151f0663110c37d2b1276638815341">
   <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('a7e517368b8faef3453e0775aab462a7','result')"
+      onclick="switchTab('3b151f0663110c37d2b1276638815341','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -1098,13 +1098,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="928039eae45526880cd773500725e29b">
+<div class="tab-panel" data-tab-group="00f96799da5ca0077135cf7a5f61f2c5">
   <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('928039eae45526880cd773500725e29b','html')"
+      onclick="switchTab('00f96799da5ca0077135cf7a5f61f2c5','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -1284,8 +1284,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-5c9c103706c2125188a0e0c750eed423" 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-5c9c103706c2125188a0e0c750eed423"><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-27a89e928b3bc966a51f73873be1c2e8" 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-27a89e928b3bc966a51f73873be1c2e8"><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>
@@ -1422,8 +1422,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../js/theme.js?1695761672" defer></script>
+    <script src="../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 39bcffe798..2520d18959 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -690,8 +690,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-f7ea40b64513a1d24c82faa35a2bdd77" 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-f7ea40b64513a1d24c82faa35a2bdd77"><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-2b0bb95cc83c4d578dd34d3a1cd01d2b" 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-2b0bb95cc83c4d578dd34d3a1cd01d2b"><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>
@@ -701,8 +701,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-f8c2d9bd153d63d22e3f072ee8908118" 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-f8c2d9bd153d63d22e3f072ee8908118"><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-4573ab77f987b9043e226553a329e411" 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-4573ab77f987b9043e226553a329e411"><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>
@@ -714,8 +714,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-b7b86d1e617a9816df34a7dd8cd1cee3" 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-b7b86d1e617a9816df34a7dd8cd1cee3"><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-f6e8ca5579460920b7b51cc7d877958c" 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-f6e8ca5579460920b7b51cc7d877958c"><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>
@@ -727,8 +727,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-59a5cf94e1081459f088fa8a10cc339a" 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-59a5cf94e1081459f088fa8a10cc339a"><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-ebaec9de1c3c40e966f78ecf588ee9c2" 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-ebaec9de1c3c40e966f78ecf588ee9c2"><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>
@@ -736,8 +736,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-d1dea66a7c952a0edc2b095b2559006d" 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-d1dea66a7c952a0edc2b095b2559006d"><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-4ea2a60d2fefdd9ae6404a8fa21a1e16" 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-4ea2a60d2fefdd9ae6404a8fa21a1e16"><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>
@@ -745,8 +745,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-477e7fa45d4074dc3c4985a5d70742d0" 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-477e7fa45d4074dc3c4985a5d70742d0"><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-0fb4bbf51b265061f2e3452c14957efc" 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-0fb4bbf51b265061f2e3452c14957efc"><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>
@@ -757,8 +757,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-b8705e94491b02ab5c01207502159f41" 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-b8705e94491b02ab5c01207502159f41"><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-53b4a8234fd7d3a9c12bcff3b52f5e03" 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-53b4a8234fd7d3a9c12bcff3b52f5e03"><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>
@@ -767,8 +767,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-8389584aefd69e41b8698cba5d719fd6" 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-8389584aefd69e41b8698cba5d719fd6"><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-168db32f5958ef23613a5f036d40852d" 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-168db32f5958ef23613a5f036d40852d"><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>
@@ -777,8 +777,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-4fc412187937fc8c5546f3a3b5e3a9ff" 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-4fc412187937fc8c5546f3a3b5e3a9ff"><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-537784c7059741230a2f5aabe64cd505" 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-537784c7059741230a2f5aabe64cd505"><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>
@@ -787,8 +787,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-0754ae5509b446e59486c7c26935ccc6" 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-0754ae5509b446e59486c7c26935ccc6"><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-f84641f25baf33c67b2c9bfe2f2ca752" 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-f84641f25baf33c67b2c9bfe2f2ca752"><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>
@@ -800,14 +800,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-ff5d389f52a171a7e06c733242881a4d" 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-ff5d389f52a171a7e06c733242881a4d"><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-f50999d3ff36f1ca941069eacc9a8231" 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-f50999d3ff36f1ca941069eacc9a8231"><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-d437ffa68be6ec2564322400fb942e8d" 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-d437ffa68be6ec2564322400fb942e8d"><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-43bd64dc65d8cb1fb6183dbd7efbca27" 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-43bd64dc65d8cb1fb6183dbd7efbca27"><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-527eed73f3615760232e561d75509d44" 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-527eed73f3615760232e561d75509d44"><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-f6fb24ae9f6e415cc41bf99ad9cadadb" 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-f6fb24ae9f6e415cc41bf99ad9cadadb"><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-14848ec80c41d6949624ff9fdb28e804" 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-14848ec80c41d6949624ff9fdb28e804"><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-cbfa2339678c957acefc3a637314d1f5" 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-cbfa2339678c957acefc3a637314d1f5"><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>
@@ -816,8 +816,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-184a3de994b38b02f7107b43d3d016d0" 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-184a3de994b38b02f7107b43d3d016d0"><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-afa1c0a7c8f6ea84ae2a821c4d6128a5" 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-afa1c0a7c8f6ea84ae2a821c4d6128a5"><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>
@@ -929,12 +929,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1091,13 +1091,13 @@ line 3 of code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 86b5ebecd3..409df52b89 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -598,8 +598,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-f7ea40b64513a1d24c82faa35a2bdd77" 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-f7ea40b64513a1d24c82faa35a2bdd77"><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-2b0bb95cc83c4d578dd34d3a1cd01d2b" 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-2b0bb95cc83c4d578dd34d3a1cd01d2b"><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>
@@ -609,8 +609,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-f8c2d9bd153d63d22e3f072ee8908118" 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-f8c2d9bd153d63d22e3f072ee8908118"><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-4573ab77f987b9043e226553a329e411" 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-4573ab77f987b9043e226553a329e411"><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>
@@ -622,8 +622,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-b7b86d1e617a9816df34a7dd8cd1cee3" 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-b7b86d1e617a9816df34a7dd8cd1cee3"><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-f6e8ca5579460920b7b51cc7d877958c" 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-f6e8ca5579460920b7b51cc7d877958c"><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>
@@ -635,8 +635,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-59a5cf94e1081459f088fa8a10cc339a" 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-59a5cf94e1081459f088fa8a10cc339a"><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-ebaec9de1c3c40e966f78ecf588ee9c2" 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-ebaec9de1c3c40e966f78ecf588ee9c2"><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>
@@ -644,8 +644,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-d1dea66a7c952a0edc2b095b2559006d" 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-d1dea66a7c952a0edc2b095b2559006d"><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-4ea2a60d2fefdd9ae6404a8fa21a1e16" 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-4ea2a60d2fefdd9ae6404a8fa21a1e16"><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>
@@ -653,8 +653,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-477e7fa45d4074dc3c4985a5d70742d0" 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-477e7fa45d4074dc3c4985a5d70742d0"><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-0fb4bbf51b265061f2e3452c14957efc" 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-0fb4bbf51b265061f2e3452c14957efc"><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>
@@ -665,8 +665,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-b8705e94491b02ab5c01207502159f41" 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-b8705e94491b02ab5c01207502159f41"><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-53b4a8234fd7d3a9c12bcff3b52f5e03" 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-53b4a8234fd7d3a9c12bcff3b52f5e03"><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>
@@ -675,8 +675,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-8389584aefd69e41b8698cba5d719fd6" 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-8389584aefd69e41b8698cba5d719fd6"><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-168db32f5958ef23613a5f036d40852d" 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-168db32f5958ef23613a5f036d40852d"><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>
@@ -685,8 +685,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-4fc412187937fc8c5546f3a3b5e3a9ff" 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-4fc412187937fc8c5546f3a3b5e3a9ff"><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-537784c7059741230a2f5aabe64cd505" 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-537784c7059741230a2f5aabe64cd505"><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>
@@ -695,8 +695,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-0754ae5509b446e59486c7c26935ccc6" 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-0754ae5509b446e59486c7c26935ccc6"><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-f84641f25baf33c67b2c9bfe2f2ca752" 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-f84641f25baf33c67b2c9bfe2f2ca752"><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>
@@ -708,14 +708,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-ff5d389f52a171a7e06c733242881a4d" 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-ff5d389f52a171a7e06c733242881a4d"><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-f50999d3ff36f1ca941069eacc9a8231" 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-f50999d3ff36f1ca941069eacc9a8231"><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-d437ffa68be6ec2564322400fb942e8d" 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-d437ffa68be6ec2564322400fb942e8d"><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-43bd64dc65d8cb1fb6183dbd7efbca27" 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-43bd64dc65d8cb1fb6183dbd7efbca27"><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-527eed73f3615760232e561d75509d44" 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-527eed73f3615760232e561d75509d44"><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-f6fb24ae9f6e415cc41bf99ad9cadadb" 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-f6fb24ae9f6e415cc41bf99ad9cadadb"><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-14848ec80c41d6949624ff9fdb28e804" 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-14848ec80c41d6949624ff9fdb28e804"><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-cbfa2339678c957acefc3a637314d1f5" 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-cbfa2339678c957acefc3a637314d1f5"><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>
@@ -724,8 +724,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-184a3de994b38b02f7107b43d3d016d0" 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-184a3de994b38b02f7107b43d3d016d0"><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-afa1c0a7c8f6ea84ae2a821c4d6128a5" 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-afa1c0a7c8f6ea84ae2a821c4d6128a5"><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>
@@ -756,8 +756,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index b6d9433ecd..792935d768 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -341,12 +341,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?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -503,13 +503,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?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 27fcef5a20..db6cf8cf92 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +214,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?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 4bb9b989da..5a9d7d8740 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,8 +211,8 @@
 <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-eac8d7d1743d9f5b02f6a7feeb2a3ea3" 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-eac8d7d1743d9f5b02f6a7feeb2a3ea3"><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-a4b0b772692fedde2af9d2d9cb7ed119" 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-a4b0b772692fedde2af9d2d9cb7ed119"><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>
@@ -335,12 +335,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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -497,13 +497,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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index c5ab4490f7..20f0a08108 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -157,8 +157,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-eac8d7d1743d9f5b02f6a7feeb2a3ea3" 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-eac8d7d1743d9f5b02f6a7feeb2a3ea3"><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-a4b0b772692fedde2af9d2d9cb7ed119" 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-a4b0b772692fedde2af9d2d9cb7ed119"><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>
@@ -200,8 +200,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 41ea6931b6..e7b8e8bf89 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -242,12 +242,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -404,13 +404,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 31c300a859..9cea014e27 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index 7327e94e89..905f9df55e 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -24,7 +24,7 @@ code.copy-to-clipboard-code {
     border-end-end-radius: 2px;
     border-inline-end-width: 1px;
 }
-pre {
+pre:not(.mermaid) {
     border: 1px solid rgba( 204, 204, 204, 1 );
 }
 #R-body #R-topbar{
@@ -67,7 +67,7 @@ pre {
 #R-body .anchor{
     display: none;
 }
-#R-body pre,
+#R-body pre:not(.mermaid),
 #R-body code {
     background-color: rgba( 255, 255, 255, 1 );
     border-color: rgba( 221, 221, 221, 1 );
diff --git a/css/ie.css b/css/ie.css
index a1567abaf1..8d68cef5c3 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -484,7 +484,7 @@
 
 	code,
 	kbd,
-	pre,
+	pre:not(.mermaid),
 	samp {
 		font-family: "Consolas", menlo, monospace; /* var(--CODE-font) */
 	}
@@ -495,7 +495,7 @@
 		color: rgba( 94, 94, 94, 1 ); /* var(--CODE-INLINE-color) */
 	}
 
-	pre {
+	pre:not(.mermaid) {
 		background-color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */
 		border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */
 		color: rgba( 0, 0, 0, 1 ); /* var(--CODE-BLOCK-color) */
@@ -540,15 +540,15 @@
 	}
 
 	div.highlight > div table + .copy-to-clipboard-button,
-	div.highlight pre + .copy-to-clipboard-button,
-	pre .copy-to-clipboard-button {
+	div.highlight pre:not(.mermaid) + .copy-to-clipboard-button,
+	pre:not(.mermaid) .copy-to-clipboard-button {
 		border-color: rgba( 216, 216, 216, 1 ); /* var(--CODE-BLOCK-BORDER-color) */
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
 
 	div.highlight > div table + .copy-to-clipboard-button:hover,
-	div.highlight pre + .copy-to-clipboard-button:hover,
-	pre .copy-to-clipboard-button:hover {
+	div.highlight pre:not(.mermaid) + .copy-to-clipboard-button:hover,
+	pre:not(.mermaid) .copy-to-clipboard-button:hover {
 		background-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 		border-color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 		color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */
diff --git a/css/nucleus.css b/css/nucleus.css
index b51fa33d6d..c764aa5c84 100644
--- a/css/nucleus.css
+++ b/css/nucleus.css
@@ -94,7 +94,7 @@ figure {
 hr {
   height: 0; }
 
-pre {
+pre:not(.mermaid) {
   overflow: auto; }
 
 button,
@@ -193,7 +193,7 @@ cite {
   cite:before {
     content: "\2014 \0020"; }
 
-pre {
+pre:not(.mermaid) {
   margin: 1.5rem 0;
   padding: 0.938rem; }
 
diff --git a/css/theme.css b/css/theme.css
index 1e5ec6d1b6..8f0c273b60 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -606,19 +606,19 @@ p:empty {
 
 #R-body table th > :nth-last-child(1 of :not(:empty)),
 #R-body table th > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
-#R-body table th > div.highlight:last-child pre,
+#R-body table th > div.highlight:last-child pre:not(.mermaid),
 #R-body table td > :nth-last-child(1 of :not(:empty)),
 #R-body table td > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
-#R-body table td > div:last-child pre,
+#R-body table td > div:last-child pre:not(.mermaid),
 #R-body div.box > .box-content > :nth-last-child(1 of :not(:empty)),
 #R-body div.box > .box-content > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
-#R-body div.box > .box-content > div:last-child pre,
+#R-body div.box > .box-content > div:last-child pre:not(.mermaid),
 #R-body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)),
 #R-body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
-#R-body div.expand > .expand-content-text > div:last-child pre,
+#R-body div.expand > .expand-content-text > div:last-child pre:not(.mermaid),
 #R-body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)),
 #R-body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
-#R-body div.tab-content > .tab-content-text > div:last-child pre {
+#R-body div.tab-content > .tab-content-text > div:last-child pre:not(.mermaid) {
     margin-bottom: 0;
 }
 
@@ -675,7 +675,7 @@ div.attachments .box-content {
 
 code,
 kbd,
-pre,
+pre:not(.mermaid),
 samp {
     font-size: .934375rem;
     vertical-align: baseline;
@@ -703,7 +703,7 @@ code.copy-to-clipboard-code {
     border-inline-end-width: 0;
 }
 
-pre {
+pre:not(.mermaid) {
     border-radius: 2px;
     border-style: solid;
     border-width: 1px;
@@ -714,14 +714,14 @@ pre {
     position: relative;
 }
 
-/* pre:has( code ), */
+/* pre:not(.mermaid):has( code ), */
 /* the :has() operator isn't available in FF yet, so we patch this by JS */
-pre.pre-code {
+pre:not(.mermaid).pre-code {
     direction: ltr;
     text-align: left;
 }
 
-pre code {
+pre:not(.mermaid) code {
     background-color: inherit;
     border: 0;
     color: inherit;
@@ -768,33 +768,33 @@ div.highlight > div table{
     display: block;
     overflow: auto;
 }
-div.highlight:not(.wrap-code) pre{
+div.highlight:not(.wrap-code) pre:not(.mermaid){
     overflow: auto;
 }
-div.highlight:not(.wrap-code) pre code{
+div.highlight:not(.wrap-code) pre:not(.mermaid) code{
     white-space: pre;
 }
-div.highlight.wrap-code pre code{
+div.highlight.wrap-code pre:not(.mermaid) code{
     white-space: pre-wrap;
 }
 /* remove border from row cells if highlight shortcode was used in table lineno mode */
-div.highlight > div td > pre {
+div.highlight > div td > pre:not(.mermaid) {
     border-radius: 0;
     border-width: 0;
 }
 /* in case of table lineno mode we want to move each row closer together - besides the edges
 this usually applies only to wrapfix tables but it doesn't hurt for non-wrapfix tables too */
-div.highlight > div tr:not(:first-child) pre{
+div.highlight > div tr:not(:first-child) pre:not(.mermaid){
     padding-top: 0;
 }
-div.highlight > div tr:not(:last-child) pre{
+div.highlight > div tr:not(:last-child) pre:not(.mermaid){
     padding-bottom: 0;
 }
 /* in case of table lineno mode we want to move each columns closer together on the inside */
-div.highlight > div td:first-child:not(:last-child) pre{
+div.highlight > div td:first-child:not(:last-child) pre:not(.mermaid){
     padding-right: 0;
 }
-div.highlight > div td:not(:first-child):last-child pre{
+div.highlight > div td:not(:first-child):last-child pre:not(.mermaid){
     padding-left: 0;
 }
 
@@ -802,7 +802,7 @@ hr {
     border-bottom: 4px solid rgba( 134, 134, 134, .125 );
 }
 
-#R-body-inner pre {
+#R-body-inner pre:not(.mermaid) {
     white-space: pre-wrap;
 }
 
@@ -1188,15 +1188,15 @@ div.highlight:hover .copy-to-clipboard-button {
 }
 
 div.highlight > div table + .copy-to-clipboard-button > i,
-div.highlight pre + .copy-to-clipboard-button > i,
+div.highlight pre:not(.mermaid) + .copy-to-clipboard-button > i,
 .copy-to-clipboard-code + .copy-to-clipboard-button > i {
     padding-left: 5px;
     padding-right: 5px;
 }
 
 div.highlight > div table + .copy-to-clipboard-button,
-div.highlight pre + .copy-to-clipboard-button,
-pre > .copy-to-clipboard-button {
+div.highlight pre:not(.mermaid) + .copy-to-clipboard-button,
+pre:not(.mermaid) > .copy-to-clipboard-button {
     background-color: rgba( 160, 160, 160, .2 );
     border-radius: 2px;
     border-style: solid;
@@ -2139,8 +2139,8 @@ html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right
 
 /* remove border from code block if single in tab */
 #R-body .tab-content-text > div.highlight:only-child > div,
-#R-body .tab-content-text > div.highlight:only-child pre,
-#R-body .tab-content-text > pre.pre-code:only-child{
+#R-body .tab-content-text > div.highlight:only-child pre:not(.mermaid),
+#R-body .tab-content-text > pre:not(.mermaid).pre-code:only-child{
     border-width: 0;
 }
 
diff --git a/css/variant.css b/css/variant.css
index 698f99269e..41d9da1398 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -219,7 +219,7 @@ div.box > .box-content {
 
 code,
 kbd,
-pre,
+pre:not(.mermaid),
 samp {
     font-family: var(--INTERNAL-CODE-font);
 }
@@ -230,7 +230,7 @@ code {
     color: var(--INTERNAL-CODE-INLINE-color);
 }
 
-pre {
+pre:not(.mermaid) {
     background-color: var(--INTERNAL-CODE-BLOCK-BG-color);
     border-color: var(--INTERNAL-CODE-BLOCK-BORDER-color);
     color: var(--INTERNAL-CODE-BLOCK-color);
@@ -279,15 +279,15 @@ table {
 }
 
 div.highlight > div table + .copy-to-clipboard-button,
-div.highlight pre + .copy-to-clipboard-button,
-pre .copy-to-clipboard-button {
+div.highlight pre:not(.mermaid) + .copy-to-clipboard-button,
+pre:not(.mermaid) .copy-to-clipboard-button {
     border-color: var(--INTERNAL-CODE-BLOCK-BORDER-color);
     color: var(--INTERNAL-MAIN-LINK-color);
 }
 
 div.highlight > div table + .copy-to-clipboard-button:hover,
-div.highlight pre + .copy-to-clipboard-button:hover,
-pre .copy-to-clipboard-button:hover {
+div.highlight pre:not(.mermaid) + .copy-to-clipboard-button:hover,
+pre:not(.mermaid) .copy-to-clipboard-button:hover {
     background-color: var(--INTERNAL-MAIN-LINK-color);
     border-color: var(--INTERNAL-MAIN-LINK-color);
     color: var(--INTERNAL-CODE-BLOCK-BG-color);
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index 583ad3f5cc..fd9e4efe38 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -332,12 +332,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 45253b5d64..be5d4961a1 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index a577e2effb..ecf79e6f07 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 9f0883263b..94175eda30 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -464,8 +464,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-f3b81d89c91a36d397e1a938d82eb3d9" 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-f3b81d89c91a36d397e1a938d82eb3d9"><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-d330d948719908acbaa1459ffad578b3" 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-d330d948719908acbaa1459ffad578b3"><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>
@@ -494,11 +494,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-94bc7904f27f490c08be9a2ddbeebddf" 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-94bc7904f27f490c08be9a2ddbeebddf"><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-1eb713410a240cbd2374d76273737816" 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-1eb713410a240cbd2374d76273737816"><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-de60be338e08402a2b0b83572ec54a09" 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-de60be338e08402a2b0b83572ec54a09"><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-1a802f7c19e79a02b20a33728fc43872" 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-1a802f7c19e79a02b20a33728fc43872"><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">
 
@@ -509,8 +509,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../js/theme.js?1695761672" defer></script>
+    <script src="../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 9f8800cb97..3fe6a1ec7b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -419,12 +419,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -585,13 +585,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index bb20b172b1..60c7776eea 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -282,8 +282,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 4ae005fe62..966cbe4114 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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-f3b81d89c91a36d397e1a938d82eb3d9" 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-f3b81d89c91a36d397e1a938d82eb3d9"><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-d330d948719908acbaa1459ffad578b3" 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-d330d948719908acbaa1459ffad578b3"><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>
@@ -196,11 +196,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-94bc7904f27f490c08be9a2ddbeebddf" 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-94bc7904f27f490c08be9a2ddbeebddf"><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-1eb713410a240cbd2374d76273737816" 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-1eb713410a240cbd2374d76273737816"><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-de60be338e08402a2b0b83572ec54a09" 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-de60be338e08402a2b0b83572ec54a09"><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-1a802f7c19e79a02b20a33728fc43872" 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-1a802f7c19e79a02b20a33728fc43872"><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">
 
@@ -291,12 +291,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -457,13 +457,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 735d3f70c1..2dc44ad840 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 <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-f3b81d89c91a36d397e1a938d82eb3d9" 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-f3b81d89c91a36d397e1a938d82eb3d9"><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-d330d948719908acbaa1459ffad578b3" 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-d330d948719908acbaa1459ffad578b3"><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>
@@ -141,11 +141,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-94bc7904f27f490c08be9a2ddbeebddf" 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-94bc7904f27f490c08be9a2ddbeebddf"><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-1eb713410a240cbd2374d76273737816" 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-1eb713410a240cbd2374d76273737816"><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-de60be338e08402a2b0b83572ec54a09" 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-de60be338e08402a2b0b83572ec54a09"><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-1a802f7c19e79a02b20a33728fc43872" 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-1a802f7c19e79a02b20a33728fc43872"><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">
 
@@ -155,8 +155,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index d7926f153b..f5f9eb907e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="./css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="./css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1695761670" rel="stylesheet">
-    <link href="./css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1695761670" rel="stylesheet">
-    <link href="./css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1695761670" rel="stylesheet">
-    <script src="./js/url.js?1695761670"></script>
-    <script src="./js/variant.js?1695761670"></script>
+    <link href="./css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="./css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696103499" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696103499" rel="stylesheet">
+    <link href="./css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696103499" rel="stylesheet">
+    <script src="./js/url.js?1696103499"></script>
+    <script src="./js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,8 +130,8 @@
 
 <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-c575f65595984a04c6a56b4986f1ab8b" 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-c575f65595984a04c6a56b4986f1ab8b"><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-52321e9645099b0f42e100e7379aee94" 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-52321e9645099b0f42e100e7379aee94"><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>
@@ -307,12 +307,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1695761670" defer></script>
-        <script src="./js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="./js/search.js?1695761670" defer></script>
+        <script src="./js/auto-complete.js?1696103500" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="./js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -469,13 +469,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1695761670"></script>
+          <script async src="./js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1695761670" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="./js/theme.js?1695761670" defer></script>
+    <script src="./js/clipboard.min.js?1696103500" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="./js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 1a5e4f53d9..75c95386a6 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="./css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="./css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1695761672" rel="stylesheet">
-    <link href="./css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1695761672" rel="stylesheet">
-    <link href="./css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1695761672" rel="stylesheet">
-    <link href="./css/ie.css?1695761672" rel="stylesheet">
-    <script src="./js/url.js?1695761672"></script>
-    <script src="./js/variant.js?1695761672"></script>
+    <link href="./css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="./css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696103501" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696103501" rel="stylesheet">
+    <link href="./css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1696103501" rel="stylesheet">
+    <link href="./css/ie.css?1696103501" rel="stylesheet">
+    <script src="./js/url.js?1696103501"></script>
+    <script src="./js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,8 +81,8 @@
 
 <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-c575f65595984a04c6a56b4986f1ab8b" 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-c575f65595984a04c6a56b4986f1ab8b"><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-52321e9645099b0f42e100e7379aee94" 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-52321e9645099b0f42e100e7379aee94"><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>
@@ -977,8 +977,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-8a376336dc297ab143f9e4552269dee6" 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-8a376336dc297ab143f9e4552269dee6"><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-ce89dab953971882cd716a6f17736514" 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-ce89dab953971882cd716a6f17736514"><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>
@@ -1021,8 +1021,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-273688b5bf0752e63b9995b4e06d2af1" 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-273688b5bf0752e63b9995b4e06d2af1"><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-25c9eed721664899f39ac9c3282f2d5f" 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-25c9eed721664899f39ac9c3282f2d5f"><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>
@@ -1178,8 +1178,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-ea4945b528b08581cbae503588638f21" 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-ea4945b528b08581cbae503588638f21"><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-dfb786459faf61c9c8c4af67af13f784" 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-dfb786459faf61c9c8c4af67af13f784"><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>
@@ -1224,8 +1224,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-a3178d12e9ddcf3996bdf7af750bfba3" 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-a3178d12e9ddcf3996bdf7af750bfba3"><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-85d665e7a279c17a57a9bffdc1deaeb7" 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-85d665e7a279c17a57a9bffdc1deaeb7"><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">
 
@@ -1346,13 +1346,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-fe8a127f97b016561dcc2be0e7eed701" aria-controls="expandcontent-fe8a127f97b016561dcc2be0e7eed701" >
-    <label class="expand-label" for="R-expand-fe8a127f97b016561dcc2be0e7eed701" >
+    <input type="checkbox" id="R-expand-f402459916bea396abb49fac30d0971f" aria-controls="expandcontent-f402459916bea396abb49fac30d0971f" >
+    <label class="expand-label" for="R-expand-f402459916bea396abb49fac30d0971f" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="R-expandcontent-fe8a127f97b016561dcc2be0e7eed701" class="expand-content">
+    <div id="R-expandcontent-f402459916bea396abb49fac30d0971f" 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>
@@ -1409,8 +1409,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-9ee01952e7439b184cc6d0e2fdd3dc93" 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-9ee01952e7439b184cc6d0e2fdd3dc93"><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-4291d16f6854d8dcfd7c4ba7856f04d8" 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-4291d16f6854d8dcfd7c4ba7856f04d8"><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">
@@ -1422,8 +1422,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-666566092ee17b11378b85eadc2a280e" 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-666566092ee17b11378b85eadc2a280e"><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-cd9f223b0914b0e40e5093e52d9fa23d" 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-cd9f223b0914b0e40e5093e52d9fa23d"><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>
@@ -3098,8 +3098,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-eac8d7d1743d9f5b02f6a7feeb2a3ea3" 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-eac8d7d1743d9f5b02f6a7feeb2a3ea3"><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-a4b0b772692fedde2af9d2d9cb7ed119" 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-a4b0b772692fedde2af9d2d9cb7ed119"><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>
@@ -3148,8 +3148,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-94c189cd1ebeaf189ceb7444f6e207ca" 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-94c189cd1ebeaf189ceb7444f6e207ca"><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-3d3ca984b06ebb49ba192089c9f3de56" 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-3d3ca984b06ebb49ba192089c9f3de56"><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">+++
@@ -3159,8 +3159,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-fac6f5356b0bb4376d97fca02224440a" 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-fac6f5356b0bb4376d97fca02224440a"><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-f4cc5fccd49927d50330602e338c1b3b" 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-f4cc5fccd49927d50330602e338c1b3b"><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">+++
@@ -3172,8 +3172,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-aaa86a05e35e3c266f52743738926d02" 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-aaa86a05e35e3c266f52743738926d02"><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-da6e2d0fc43467ea67869da5ac6530b5" 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-da6e2d0fc43467ea67869da5ac6530b5"><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>
@@ -3744,8 +3744,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-f7ea40b64513a1d24c82faa35a2bdd77" 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-f7ea40b64513a1d24c82faa35a2bdd77"><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-2b0bb95cc83c4d578dd34d3a1cd01d2b" 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-2b0bb95cc83c4d578dd34d3a1cd01d2b"><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>
@@ -3755,8 +3755,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-f8c2d9bd153d63d22e3f072ee8908118" 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-f8c2d9bd153d63d22e3f072ee8908118"><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-4573ab77f987b9043e226553a329e411" 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-4573ab77f987b9043e226553a329e411"><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>
@@ -3768,8 +3768,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-b7b86d1e617a9816df34a7dd8cd1cee3" 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-b7b86d1e617a9816df34a7dd8cd1cee3"><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-f6e8ca5579460920b7b51cc7d877958c" 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-f6e8ca5579460920b7b51cc7d877958c"><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>
@@ -3781,8 +3781,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-59a5cf94e1081459f088fa8a10cc339a" 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-59a5cf94e1081459f088fa8a10cc339a"><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-ebaec9de1c3c40e966f78ecf588ee9c2" 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-ebaec9de1c3c40e966f78ecf588ee9c2"><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>
@@ -3790,8 +3790,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-d1dea66a7c952a0edc2b095b2559006d" 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-d1dea66a7c952a0edc2b095b2559006d"><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-4ea2a60d2fefdd9ae6404a8fa21a1e16" 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-4ea2a60d2fefdd9ae6404a8fa21a1e16"><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>
@@ -3799,8 +3799,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-477e7fa45d4074dc3c4985a5d70742d0" 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-477e7fa45d4074dc3c4985a5d70742d0"><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-0fb4bbf51b265061f2e3452c14957efc" 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-0fb4bbf51b265061f2e3452c14957efc"><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>
@@ -3811,8 +3811,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-b8705e94491b02ab5c01207502159f41" 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-b8705e94491b02ab5c01207502159f41"><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-53b4a8234fd7d3a9c12bcff3b52f5e03" 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-53b4a8234fd7d3a9c12bcff3b52f5e03"><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>
@@ -3821,8 +3821,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-8389584aefd69e41b8698cba5d719fd6" 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-8389584aefd69e41b8698cba5d719fd6"><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-168db32f5958ef23613a5f036d40852d" 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-168db32f5958ef23613a5f036d40852d"><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>
@@ -3831,8 +3831,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-4fc412187937fc8c5546f3a3b5e3a9ff" 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-4fc412187937fc8c5546f3a3b5e3a9ff"><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-537784c7059741230a2f5aabe64cd505" 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-537784c7059741230a2f5aabe64cd505"><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>
@@ -3841,8 +3841,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-0754ae5509b446e59486c7c26935ccc6" 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-0754ae5509b446e59486c7c26935ccc6"><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-f84641f25baf33c67b2c9bfe2f2ca752" 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-f84641f25baf33c67b2c9bfe2f2ca752"><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>
@@ -3854,14 +3854,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-ff5d389f52a171a7e06c733242881a4d" 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-ff5d389f52a171a7e06c733242881a4d"><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-f50999d3ff36f1ca941069eacc9a8231" 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-f50999d3ff36f1ca941069eacc9a8231"><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-d437ffa68be6ec2564322400fb942e8d" 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-d437ffa68be6ec2564322400fb942e8d"><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-43bd64dc65d8cb1fb6183dbd7efbca27" 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-43bd64dc65d8cb1fb6183dbd7efbca27"><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-527eed73f3615760232e561d75509d44" 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-527eed73f3615760232e561d75509d44"><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-f6fb24ae9f6e415cc41bf99ad9cadadb" 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-f6fb24ae9f6e415cc41bf99ad9cadadb"><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-14848ec80c41d6949624ff9fdb28e804" 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-14848ec80c41d6949624ff9fdb28e804"><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-cbfa2339678c957acefc3a637314d1f5" 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-cbfa2339678c957acefc3a637314d1f5"><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>
@@ -3870,8 +3870,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-184a3de994b38b02f7107b43d3d016d0" 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-184a3de994b38b02f7107b43d3d016d0"><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-afa1c0a7c8f6ea84ae2a821c4d6128a5" 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-afa1c0a7c8f6ea84ae2a821c4d6128a5"><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>
@@ -3911,13 +3911,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="c86189ba0b3d321808fd4a668fcc0d55">
+<div class="tab-panel" data-tab-group="78d9ba418d7110f6dd6c9aa2e0359bc2">
   <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('c86189ba0b3d321808fd4a668fcc0d55','configtoml')"
+      onclick="switchTab('78d9ba418d7110f6dd6c9aa2e0359bc2','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -3941,13 +3941,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="a7db5721e673b79aec25a43891ed98ab">
+<div class="tab-panel" data-tab-group="c927a8f7af9e3d7e6eda3adbfc35fc7f">
   <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('a7db5721e673b79aec25a43891ed98ab','frontmatter')"
+      onclick="switchTab('c927a8f7af9e3d7e6eda3adbfc35fc7f','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -3970,13 +3970,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="44041282c1f6617bb5287ca0346940bd">
+<div class="tab-panel" data-tab-group="d8c5bf0097557fb9f37dcf599b85ba37">
   <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('44041282c1f6617bb5287ca0346940bd','url')"
+      onclick="switchTab('d8c5bf0097557fb9f37dcf599b85ba37','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -3996,13 +3996,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="a7e517368b8faef3453e0775aab462a7">
+<div class="tab-panel" data-tab-group="3b151f0663110c37d2b1276638815341">
   <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('a7e517368b8faef3453e0775aab462a7','result')"
+      onclick="switchTab('3b151f0663110c37d2b1276638815341','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -4025,13 +4025,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="928039eae45526880cd773500725e29b">
+<div class="tab-panel" data-tab-group="00f96799da5ca0077135cf7a5f61f2c5">
   <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('928039eae45526880cd773500725e29b','html')"
+      onclick="switchTab('00f96799da5ca0077135cf7a5f61f2c5','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -4211,8 +4211,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-5c9c103706c2125188a0e0c750eed423" 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-5c9c103706c2125188a0e0c750eed423"><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-27a89e928b3bc966a51f73873be1c2e8" 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-27a89e928b3bc966a51f73873be1c2e8"><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>
@@ -5596,13 +5596,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-eef32a1cc13b474e1b85263a341178e3" aria-controls="expandcontent-eef32a1cc13b474e1b85263a341178e3" >
-    <label class="expand-label" for="R-expand-eef32a1cc13b474e1b85263a341178e3" >
+    <input type="checkbox" id="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" aria-controls="expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" >
+    <label class="expand-label" for="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-eef32a1cc13b474e1b85263a341178e3" class="expand-content">
+    <div id="R-expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" 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>
@@ -5729,26 +5729,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-5a186006781751b2ebb087490111ae1d" aria-controls="expandcontent-5a186006781751b2ebb087490111ae1d" >
-    <label class="expand-label" for="R-expand-5a186006781751b2ebb087490111ae1d" >
+    <input type="checkbox" id="R-expand-2534f63dd55e2101d773cc678d584b2b" aria-controls="expandcontent-2534f63dd55e2101d773cc678d584b2b" >
+    <label class="expand-label" for="R-expand-2534f63dd55e2101d773cc678d584b2b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-5a186006781751b2ebb087490111ae1d" class="expand-content">
+    <div id="R-expandcontent-2534f63dd55e2101d773cc678d584b2b" 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-1b9ff784deef635c2fbec592e8497cac" aria-controls="expandcontent-1b9ff784deef635c2fbec592e8497cac"  checked>
-    <label class="expand-label" for="R-expand-1b9ff784deef635c2fbec592e8497cac" >
+    <input type="checkbox" id="R-expand-9d0f9b7d04253d4794c308d6920af586" aria-controls="expandcontent-9d0f9b7d04253d4794c308d6920af586"  checked>
+    <label class="expand-label" for="R-expand-9d0f9b7d04253d4794c308d6920af586" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-1b9ff784deef635c2fbec592e8497cac" class="expand-content">
+    <div id="R-expandcontent-9d0f9b7d04253d4794c308d6920af586" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5769,13 +5769,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-ec19de38e06bb8641231078737f93511" aria-controls="expandcontent-ec19de38e06bb8641231078737f93511" >
-    <label class="expand-label" for="R-expand-ec19de38e06bb8641231078737f93511" >
+    <input type="checkbox" id="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" aria-controls="expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" >
+    <label class="expand-label" for="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" >
         <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-ec19de38e06bb8641231078737f93511" class="expand-content">
+    <div id="R-expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5804,13 +5804,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3d61f19cbc00a80d86fe4ded60821aa4">
+<div class="tab-panel" data-tab-group="1648bb87f79ffe4816622c22956c0e67">
   <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('3d61f19cbc00a80d86fe4ded60821aa4','python')"
+      onclick="switchTab('1648bb87f79ffe4816622c22956c0e67','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -6033,13 +6033,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="6e29fa8eede16c157a442a66d957b8ef">
+<div class="tab-panel" data-tab-group="d6bb6683b206bccbbbf3abca244b7bd0">
   <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('6e29fa8eede16c157a442a66d957b8ef','python')"
+      onclick="switchTab('d6bb6683b206bccbbbf3abca244b7bd0','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -6513,11 +6513,11 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 
 <p>The <code>mermaid</code> shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the <a href="https://mermaidjs.github.io/" target="_blank">Mermaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -6676,7 +6676,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -6685,7 +6685,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram with Configuration Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -6699,7 +6699,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">you</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how are you?
@@ -6710,7 +6710,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about you?
     Bob--&gt;&gt;John: Jolly good!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram with Codefence Syntax</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -6735,7 +6735,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -6755,7 +6755,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -6766,7 +6766,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -6775,7 +6775,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model with Non-Default Mermaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -6789,7 +6789,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -6800,7 +6800,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -6813,7 +6813,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My working day
     section Go to work
@@ -6823,7 +6823,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -6842,7 +6842,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">for</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Adding GANTT diagram functionality to Mermaid
@@ -6858,7 +6858,7 @@ gantt
         Future task in critical line        :crit, 5d
         Create tests for renderer           :2d
         Add to Mermaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -6866,12 +6866,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -6889,7 +6889,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach and engagement of campaigns
     x-axis Low Reach --&gt; High Reach
@@ -6904,7 +6904,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -6922,7 +6922,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -6937,7 +6937,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -6952,7 +6952,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -6964,7 +6964,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -7010,7 +7010,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram for Internet Banking System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -7053,7 +7053,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -7074,7 +7074,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">and</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Mermaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -7092,7 +7092,7 @@ mindmap
     Tools
       Pen and paper
       Mermaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -7103,7 +7103,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History of Social Media Platform
     2002 : LinkedIn
@@ -7111,7 +7111,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -7121,14 +7121,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heating</span> <span class="nx">and</span> <span class="nx">cooling</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
             <footer class="footline">
 
@@ -7578,7 +7578,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-fa2db566881fdf376f8de85ec3b79eeb"
+    id="R-openapi-70d3d7e9f035341861a2ee3792a113d3"
     data-openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7684,13 +7684,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c134c399b29bb848cba1736521a69198">
+<div class="tab-panel" data-tab-group="2c8726a6462943ad8bed27db162f96b8">
   <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('c134c399b29bb848cba1736521a69198','configtoml')"
+      onclick="switchTab('2c8726a6462943ad8bed27db162f96b8','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -7726,13 +7726,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="./shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7f8f4c419506d082e09c65a98e7b4ae1">
+<div class="tab-panel" data-tab-group="07bba17d55f111a0abe44bfb64817ff7">
   <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('7f8f4c419506d082e09c65a98e7b4ae1','c')"
+      onclick="switchTab('07bba17d55f111a0abe44bfb64817ff7','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -7846,13 +7846,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2b90958d8754ac17acd77edb03b47aba">
+<div class="tab-panel" data-tab-group="6be6cd012ee58037e5afc0353edfdd32">
   <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('2b90958d8754ac17acd77edb03b47aba','code')"
+      onclick="switchTab('6be6cd012ee58037e5afc0353edfdd32','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -7877,13 +7877,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="f6c5f27345dd32e98e78a8cd4c5eb7c5">
+<div class="tab-panel" data-tab-group="c29bafc86633e0134b120402ca838ce4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f6c5f27345dd32e98e78a8cd4c5eb7c5','emstrongmixedstrongem')"
+      onclick="switchTab('c29bafc86633e0134b120402ca838ce4','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -7893,7 +7893,7 @@ Electricity grid,H2 conversion,27.14
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -7931,13 +7931,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0c5699459ddfd7114141a06319dbc344">
+<div class="tab-panel" data-tab-group="8888beb7b91619f87f6827c31a2cd9f3">
   <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('0c5699459ddfd7114141a06319dbc344','just-colored-style')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -7947,7 +7947,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -7957,7 +7957,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','default-style-and-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style and color</span>
@@ -7967,7 +7967,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -7977,7 +7977,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -8048,13 +8048,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="./shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="dbe972793e475ac15f83fa3fba475ed7">
+<div class="tab-panel" data-tab-group="a4eab59040976554be4642471aca5cf1">
   <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('dbe972793e475ac15f83fa3fba475ed7','py')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -8064,7 +8064,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','sh')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -8074,7 +8074,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','c')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -8231,13 +8231,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="2d9a4a387733feaafcda3331682a6d52">
+<div class="tab-panel" data-tab-group="9ac863a5a140ba7d0a526630ae0c2737">
   <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('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-1')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -8247,7 +8247,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-2')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -8257,7 +8257,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-b')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -8341,9 +8341,9 @@ Electricity grid,H2 conversion,27.14
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -8371,7 +8371,7 @@ Electricity grid,H2 conversion,27.14
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -8657,8 +8657,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1695761672" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1695761672" defer></script>
+    <script src="./js/clipboard.min.js?1696103501" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696103501" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8687,27 +8687,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1695761672"></script>
-    <script src="./js/d3/d3-color.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1695761672" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1695761672" defer></script>
-    <script src="./js/js-yaml.min.js?1695761672" defer></script>
-    <script src="./js/mermaid.min.js?1695761672" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1696103501"></script>
+    <script src="./js/d3/d3-color.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1696103501" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1696103501" defer></script>
+    <script src="./js/js-yaml.min.js?1696103501" defer></script>
+    <script src="./js/mermaid.min.js?1696103501" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1695761672" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1695761672" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1696103501" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1696103501" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761672", assetsBuster:  1695761672  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103501", assetsBuster:  1696103501  };
     </script>
-    <script src="./js/theme.js?1695761672" defer></script>
+    <script src="./js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/js/theme.js b/js/theme.js
index a67c2d7222..1d202b2876 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -73,7 +73,7 @@ function adjustContentWidth(){
 function fixCodeTabs(){
     /* if only a single code block is contained in the tab and no style was selected, treat it like style=code */
     var codeTabContents = Array.from( document.querySelectorAll( '.tab-content.tab-panel-style' ) ).filter( function( tabContent ){
-        return tabContent.querySelector( '*:scope > .tab-content-text > div.highlight:only-child, *:scope > .tab-content-text > pre.pre-code:only-child');
+        return tabContent.querySelector( '*:scope > .tab-content-text > div.highlight:only-child, *:scope > .tab-content-text > pre:not(.mermaid).pre-code:only-child');
     });
 
     codeTabContents.forEach( function( tabContent ){
@@ -322,7 +322,9 @@ function initMermaid( update, attrs ) {
                     svg.call( zoom );
                     var parent = this.parentElement;
                     // we need to copy the maxWidth, otherwise our reset button will not align in the upper right
-                    parent.style.maxWidth = this.style.maxWidth;
+                    parent.style.maxWidth = this.style.maxWidth || this.getAttribute( 'width' );
+                    // if no unit is given for the width
+                    parent.style.maxWidth = parent.style.maxWidth || this.getAttribute( 'width' ) + 'px';
                     parent.insertAdjacentHTML( 'beforeend', '<span class="svg-reset-button" title="' + window.T_Reset_view + '"><i class="fas fa-undo-alt"></i></span>' );
                     parent.querySelector( '.svg-reset-button' ).addEventListener( 'click', function( event ){
                         inner.transition()
diff --git a/more/credits/index.html b/more/credits/index.html
index 8cc6b04e5f..44fe2090f0 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -272,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -434,13 +434,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 074a5dde10..33ee968dcc 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 705508ccaf..3cefe1928d 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 7cc0cb1318..f35e86457f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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-92c253a439d52810ccb4c4d7c06b189b" 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-92c253a439d52810ccb4c4d7c06b189b"><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-8eaed6999514ff73b8b9b94cdd7dd680" 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-8eaed6999514ff73b8b9b94cdd7dd680"><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>
@@ -308,8 +308,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-55a1172db44c9578bcf917356069ed1c" 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-55a1172db44c9578bcf917356069ed1c"><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-6b1e93d7e6b679413103df6665429246" 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-6b1e93d7e6b679413103df6665429246"><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">
@@ -401,12 +401,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -563,13 +563,13 @@ default values:</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 6c61085d24..8ba26f9cb0 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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-92c253a439d52810ccb4c4d7c06b189b" 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-92c253a439d52810ccb4c4d7c06b189b"><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-8eaed6999514ff73b8b9b94cdd7dd680" 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-8eaed6999514ff73b8b9b94cdd7dd680"><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>
@@ -245,8 +245,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-55a1172db44c9578bcf917356069ed1c" 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-55a1172db44c9578bcf917356069ed1c"><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-6b1e93d7e6b679413103df6665429246" 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-6b1e93d7e6b679413103df6665429246"><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">
@@ -257,8 +257,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 16e68f4d29..9e3db68007 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -323,12 +323,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?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -485,13 +485,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?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 1fa1aada37..ce1cefab33 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -187,8 +187,8 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 6611127b65..13310ee7c9 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-2dd24fb8e457d3a00a074346121e8801" aria-controls="expandcontent-2dd24fb8e457d3a00a074346121e8801" >
-    <label class="expand-label" for="R-expand-2dd24fb8e457d3a00a074346121e8801" >
+    <input type="checkbox" id="R-expand-511c0bc5b637c32acc621742b76d039e" aria-controls="expandcontent-511c0bc5b637c32acc621742b76d039e" >
+    <label class="expand-label" for="R-expand-511c0bc5b637c32acc621742b76d039e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-2dd24fb8e457d3a00a074346121e8801" class="expand-content">
+    <div id="R-expandcontent-511c0bc5b637c32acc621742b76d039e" 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>
@@ -266,12 +266,12 @@ window.variants && variants.generator( '#R-vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -428,27 +428,27 @@ window.variants && variants.generator( '#R-vargenerator' );
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1695761674" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1695761674" defer></script>
-    <script src="../../../js/js-yaml.min.js?1695761674" defer></script>
-    <script src="../../../js/mermaid.min.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696103502" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696103502" defer></script>
+    <script src="../../../js/mermaid.min.js?1696103502" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 6cebdaffb6..e376e679f7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-2dd24fb8e457d3a00a074346121e8801" aria-controls="expandcontent-2dd24fb8e457d3a00a074346121e8801" >
-    <label class="expand-label" for="R-expand-2dd24fb8e457d3a00a074346121e8801" >
+    <input type="checkbox" id="R-expand-511c0bc5b637c32acc621742b76d039e" aria-controls="expandcontent-511c0bc5b637c32acc621742b76d039e" >
+    <label class="expand-label" for="R-expand-511c0bc5b637c32acc621742b76d039e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-2dd24fb8e457d3a00a074346121e8801" class="expand-content">
+    <div id="R-expandcontent-511c0bc5b637c32acc621742b76d039e" 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>
@@ -146,22 +146,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1695761675" defer></script>
-    <script src="../../../js/js-yaml.min.js?1695761675" defer></script>
-    <script src="../../../js/mermaid.min.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696103503" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696103503" defer></script>
+    <script src="../../../js/mermaid.min.js?1696103503" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 754e3fede0..5c12a2186a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2147,12 +2147,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -2309,13 +2309,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 671f5a1614..60eb351c31 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1343,8 +1343,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index ab4b0ccb37..20de06601f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../js/search.js?1695761674" defer></script>
+        <script src="../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../js/search.js?1696103502" 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?1695761674"></script>
+          <script async src="../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../js/theme.js?1695761674" defer></script>
+    <script src="../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index d1a30f2b2b..96de5c4e10 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../js/url.js?1695761675"></script>
-    <script src="../../js/variant.js?1695761675"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../js/url.js?1696103503"></script>
+    <script src="../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -888,8 +888,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-9d2a5cf6ac54b5173e2f7ed2f2980ed1" 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1"><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-6bafd928d5e69a59af1ca265703f41ce" 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-6bafd928d5e69a59af1ca265703f41ce"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -934,8 +934,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-73f6ff1a37850c5b88656540ec1ff7f6" 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-73f6ff1a37850c5b88656540ec1ff7f6"><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-29642b1d760c5112773d2f9c7e192272" 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-29642b1d760c5112773d2f9c7e192272"><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>
@@ -1093,8 +1093,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-92c253a439d52810ccb4c4d7c06b189b" 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-92c253a439d52810ccb4c4d7c06b189b"><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-8eaed6999514ff73b8b9b94cdd7dd680" 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-8eaed6999514ff73b8b9b94cdd7dd680"><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>
@@ -1139,8 +1139,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-55a1172db44c9578bcf917356069ed1c" 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-55a1172db44c9578bcf917356069ed1c"><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-6b1e93d7e6b679413103df6665429246" 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-6b1e93d7e6b679413103df6665429246"><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">
@@ -1265,13 +1265,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-2dd24fb8e457d3a00a074346121e8801" aria-controls="expandcontent-2dd24fb8e457d3a00a074346121e8801" >
-    <label class="expand-label" for="R-expand-2dd24fb8e457d3a00a074346121e8801" >
+    <input type="checkbox" id="R-expand-511c0bc5b637c32acc621742b76d039e" aria-controls="expandcontent-511c0bc5b637c32acc621742b76d039e" >
+    <label class="expand-label" for="R-expand-511c0bc5b637c32acc621742b76d039e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-2dd24fb8e457d3a00a074346121e8801" class="expand-content">
+    <div id="R-expandcontent-511c0bc5b637c32acc621742b76d039e" 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>
@@ -1330,8 +1330,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-d224f22368713bd34a87f6d724e504d3" 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-d224f22368713bd34a87f6d724e504d3"><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-916e9bbf26916ae6fe759664dc5e51e9" 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-916e9bbf26916ae6fe759664dc5e51e9"><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">
@@ -1343,8 +1343,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-fad33fb0fef44bae291dad6023de2737" 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-fad33fb0fef44bae291dad6023de2737"><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-4ceb84b1d7f698bfcfc3fc3f403f39a3" 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-4ceb84b1d7f698bfcfc3fc3f403f39a3"><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>
@@ -2929,22 +2929,22 @@ window.variants && variants.generator( '#R-vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761675" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761675" defer></script>
-    <script src="../../js/mermaid.min.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103503" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103503" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103503" defer></script>
+    <script src="../../js/mermaid.min.js?1696103503" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 26f9970cbd..6e64bd9944 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-73f6ff1a37850c5b88656540ec1ff7f6" 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-73f6ff1a37850c5b88656540ec1ff7f6"><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-29642b1d760c5112773d2f9c7e192272" 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-29642b1d760c5112773d2f9c7e192272"><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>
@@ -285,12 +285,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -447,13 +447,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 5cb64e458d..bae83d8571 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-73f6ff1a37850c5b88656540ec1ff7f6" 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-73f6ff1a37850c5b88656540ec1ff7f6"><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-29642b1d760c5112773d2f9c7e192272" 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-29642b1d760c5112773d2f9c7e192272"><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>
@@ -150,8 +150,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index e464868aed..66f6097e57 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1035,12 +1035,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1197,13 +1197,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 65ae6646e1..40b031cd32 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -867,8 +867,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index 5aad6ac95b..34c9e6c552 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1" 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1"><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-6bafd928d5e69a59af1ca265703f41ce" 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-6bafd928d5e69a59af1ca265703f41ce"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -209,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -371,13 +371,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 171a5b833f..498701f1c1 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1" 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1"><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-6bafd928d5e69a59af1ca265703f41ce" 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-6bafd928d5e69a59af1ca265703f41ce"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.html b/pir/basics/topbar/index.html
index 00fd7577f5..5f3087c1ba 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-d224f22368713bd34a87f6d724e504d3" 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-d224f22368713bd34a87f6d724e504d3"><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-916e9bbf26916ae6fe759664dc5e51e9" 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-916e9bbf26916ae6fe759664dc5e51e9"><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">
@@ -156,8 +156,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-fad33fb0fef44bae291dad6023de2737" 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-fad33fb0fef44bae291dad6023de2737"><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-4ceb84b1d7f698bfcfc3fc3f403f39a3" 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-4ceb84b1d7f698bfcfc3fc3f403f39a3"><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>
@@ -558,12 +558,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -720,13 +720,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/basics/topbar/index.print.html b/pir/basics/topbar/index.print.html
index 28953800cf..74aff16c76 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-d224f22368713bd34a87f6d724e504d3" 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-d224f22368713bd34a87f6d724e504d3"><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-916e9bbf26916ae6fe759664dc5e51e9" 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-916e9bbf26916ae6fe759664dc5e51e9"><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">
@@ -96,8 +96,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-fad33fb0fef44bae291dad6023de2737" 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-fad33fb0fef44bae291dad6023de2737"><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-4ceb84b1d7f698bfcfc3fc3f403f39a3" 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-4ceb84b1d7f698bfcfc3fc3f403f39a3"><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>
@@ -417,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 0af2ed812c..b8f70661df 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index 67f2144c53..b88918de39 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index f9aa9ab326..041f071455 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 8c45f4d041..787466e4f7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../js/search.js?1695761675" defer></script>
+        <script src="../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -378,13 +378,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 506d53cff4..767dfaa396 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index f04119a636..861bcc9291 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 6056ef6112..fb63c082c6 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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> 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-5eec02c07febd8bc4bc767854815a7c3" 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-5eec02c07febd8bc4bc767854815a7c3"><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-af198aba6a0fd71c2ac9d943c254757e" 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-af198aba6a0fd71c2ac9d943c254757e"><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">+++
@@ -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 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-91557ca6066059367460262b68bca951" 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-91557ca6066059367460262b68bca951"><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-cba1bf081f010a4dfd50c6068a73e8f4" 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-cba1bf081f010a4dfd50c6068a73e8f4"><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">+++
@@ -167,8 +167,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-83896dba0d2c8ec2f5308d6ccb26fe5c" 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-83896dba0d2c8ec2f5308d6ccb26fe5c"><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-5b38c81859c4d9a49af56962d5b32b66" 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-5b38c81859c4d9a49af56962d5b32b66"><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>
@@ -302,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -464,13 +464,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 7da2f15acb..e11dac999f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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> 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-5eec02c07febd8bc4bc767854815a7c3" 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-5eec02c07febd8bc4bc767854815a7c3"><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-af198aba6a0fd71c2ac9d943c254757e" 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-af198aba6a0fd71c2ac9d943c254757e"><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">+++
@@ -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 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-91557ca6066059367460262b68bca951" 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-91557ca6066059367460262b68bca951"><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-cba1bf081f010a4dfd50c6068a73e8f4" 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-cba1bf081f010a4dfd50c6068a73e8f4"><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">+++
@@ -111,8 +111,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-83896dba0d2c8ec2f5308d6ccb26fe5c" 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-83896dba0d2c8ec2f5308d6ccb26fe5c"><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-5b38c81859c4d9a49af56962d5b32b66" 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-5b38c81859c4d9a49af56962d5b32b66"><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>
@@ -165,8 +165,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 33b63ebe58..8fa6a0f913 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-7a4e08d4820ba54b7ea2e8217b3b247f" 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-7a4e08d4820ba54b7ea2e8217b3b247f"><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-e38a7fd80ac1ee8f32cfafb5f2861833" 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-e38a7fd80ac1ee8f32cfafb5f2861833"><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>
@@ -323,12 +323,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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -485,13 +485,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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index ab20af25b8..6fab31896a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#R-image-7a4e08d4820ba54b7ea2e8217b3b247f" 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-7a4e08d4820ba54b7ea2e8217b3b247f"><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-e38a7fd80ac1ee8f32cfafb5f2861833" 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-e38a7fd80ac1ee8f32cfafb5f2861833"><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>
@@ -191,8 +191,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 215a3ac8f4..2f649f6d62 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +133,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="7183058ac830fe123cf7757c53335e02">
+<div class="tab-panel" data-tab-group="c8ddcaddd05e54022a97f075312903d6">
   <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('7183058ac830fe123cf7757c53335e02','configtoml')"
+      onclick="switchTab('c8ddcaddd05e54022a97f075312903d6','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -163,13 +163,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="50f2b4ff8fef3046971761d1a73b4157">
+<div class="tab-panel" data-tab-group="f22ff052af640730c8911321102af779">
   <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('50f2b4ff8fef3046971761d1a73b4157','frontmatter')"
+      onclick="switchTab('f22ff052af640730c8911321102af779','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -192,13 +192,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="8bd5605782a8325749c58a2cb3caa389">
+<div class="tab-panel" data-tab-group="844559a885d1342246e7339f440ce0e3">
   <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('8bd5605782a8325749c58a2cb3caa389','url')"
+      onclick="switchTab('844559a885d1342246e7339f440ce0e3','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -218,13 +218,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7d6b849d8cf526b57f09d25a5a9f4da4">
+<div class="tab-panel" data-tab-group="bd2ecb37b833075d59598c9ce6d2c3a6">
   <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('7d6b849d8cf526b57f09d25a5a9f4da4','result')"
+      onclick="switchTab('bd2ecb37b833075d59598c9ce6d2c3a6','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -247,13 +247,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="93d491497aace5922f83591c87a598b9">
+<div class="tab-panel" data-tab-group="e9389a579e1a870af520580a94fdf105">
   <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('93d491497aace5922f83591c87a598b9','html')"
+      onclick="switchTab('e9389a579e1a870af520580a94fdf105','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -371,12 +371,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761672" defer></script>
-        <script src="../../../js/search.js?1695761672" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -533,13 +533,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761672"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index 34b0f5e857..3c7883f78e 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -89,13 +89,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="7183058ac830fe123cf7757c53335e02">
+<div class="tab-panel" data-tab-group="c8ddcaddd05e54022a97f075312903d6">
   <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('7183058ac830fe123cf7757c53335e02','configtoml')"
+      onclick="switchTab('c8ddcaddd05e54022a97f075312903d6','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -119,13 +119,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="50f2b4ff8fef3046971761d1a73b4157">
+<div class="tab-panel" data-tab-group="f22ff052af640730c8911321102af779">
   <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('50f2b4ff8fef3046971761d1a73b4157','frontmatter')"
+      onclick="switchTab('f22ff052af640730c8911321102af779','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -148,13 +148,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="8bd5605782a8325749c58a2cb3caa389">
+<div class="tab-panel" data-tab-group="844559a885d1342246e7339f440ce0e3">
   <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('8bd5605782a8325749c58a2cb3caa389','url')"
+      onclick="switchTab('844559a885d1342246e7339f440ce0e3','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -174,13 +174,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7d6b849d8cf526b57f09d25a5a9f4da4">
+<div class="tab-panel" data-tab-group="bd2ecb37b833075d59598c9ce6d2c3a6">
   <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('7d6b849d8cf526b57f09d25a5a9f4da4','result')"
+      onclick="switchTab('bd2ecb37b833075d59598c9ce6d2c3a6','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -203,13 +203,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="93d491497aace5922f83591c87a598b9">
+<div class="tab-panel" data-tab-group="e9389a579e1a870af520580a94fdf105">
   <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('93d491497aace5922f83591c87a598b9','html')"
+      onclick="switchTab('e9389a579e1a870af520580a94fdf105','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -246,8 +246,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index e1aadab181..dc4e3d55ff 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../js/search.js?1695761674" defer></script>
+        <script src="../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../js/search.js?1696103502" 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?1695761674"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../js/theme.js?1695761674" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index f2ac0b4ff5..5e5277eb67 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../js/url.js?1695761675"></script>
-    <script src="../../js/variant.js?1695761675"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../js/url.js?1696103503"></script>
+    <script src="../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,8 +174,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-a4037a6bf44722a6401c655f40c95fee" 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-a4037a6bf44722a6401c655f40c95fee"><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-735a1b9dd29929645f9c538ebd00b2ab" 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-735a1b9dd29929645f9c538ebd00b2ab"><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>
@@ -226,8 +226,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-5eec02c07febd8bc4bc767854815a7c3" 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-5eec02c07febd8bc4bc767854815a7c3"><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-af198aba6a0fd71c2ac9d943c254757e" 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-af198aba6a0fd71c2ac9d943c254757e"><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">+++
@@ -237,8 +237,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </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-91557ca6066059367460262b68bca951" 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-91557ca6066059367460262b68bca951"><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-cba1bf081f010a4dfd50c6068a73e8f4" 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-cba1bf081f010a4dfd50c6068a73e8f4"><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">+++
@@ -250,8 +250,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-83896dba0d2c8ec2f5308d6ccb26fe5c" 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-83896dba0d2c8ec2f5308d6ccb26fe5c"><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-5b38c81859c4d9a49af56962d5b32b66" 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-5b38c81859c4d9a49af56962d5b32b66"><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>
@@ -824,8 +824,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-b859fc11e8ad792b1c8d173f8461ded2" 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-b859fc11e8ad792b1c8d173f8461ded2"><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-5ad5c8f1a623ed5d4233eb17a00a22e4" 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-5ad5c8f1a623ed5d4233eb17a00a22e4"><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>
@@ -835,8 +835,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-4d0297a17f3471307becf93b9a585721" 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-4d0297a17f3471307becf93b9a585721"><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-8c1fbdbcd451be484efe913ee9aebcf5" 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-8c1fbdbcd451be484efe913ee9aebcf5"><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>
@@ -848,8 +848,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#R-image-fc4695c64b1eff091cda5696f4d6c836" 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-fc4695c64b1eff091cda5696f4d6c836"><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-c372738571c1dea87a11cf9cf89d9716" 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-c372738571c1dea87a11cf9cf89d9716"><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>
@@ -861,8 +861,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-41c5ec23a4ca2cf121933346fdcb5aa7" 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-41c5ec23a4ca2cf121933346fdcb5aa7"><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-4e87a77f8568ba62c2e3f10788136597" 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-4e87a77f8568ba62c2e3f10788136597"><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>
@@ -870,8 +870,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-3f847ec7b232201dfbe27a4a6b0bc471" 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-3f847ec7b232201dfbe27a4a6b0bc471"><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-5acf3a8950ee22dd3fc6923e255f77cf" 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-5acf3a8950ee22dd3fc6923e255f77cf"><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>
@@ -879,8 +879,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-ee89e81ddef66c9be68ccda1f77eefb1" 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-ee89e81ddef66c9be68ccda1f77eefb1"><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-cb1e7bed2e3b85760700a04465217ba8" 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-cb1e7bed2e3b85760700a04465217ba8"><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>
@@ -891,8 +891,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-b6a1d036dbbed496659785d21efe87be" 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-b6a1d036dbbed496659785d21efe87be"><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-e08d4ac82e5c07485f5d15e5c47cdab0" 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-e08d4ac82e5c07485f5d15e5c47cdab0"><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>
@@ -901,8 +901,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-4c19909b08d2b9094557a9c89326a3c1" 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-4c19909b08d2b9094557a9c89326a3c1"><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-a87acc0b67e0bc5b68628d687212e02c" 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-a87acc0b67e0bc5b68628d687212e02c"><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>
@@ -911,8 +911,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-0762744a98b18fd81c107845cb14b8d0" 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-0762744a98b18fd81c107845cb14b8d0"><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-89ca0868bba9cdb403f74ae17b51dfb8" 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-89ca0868bba9cdb403f74ae17b51dfb8"><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>
@@ -921,8 +921,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-20db75b1cabf0276e7478bb43c607d04" 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-20db75b1cabf0276e7478bb43c607d04"><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-6c41150a61952469c809dd6e2d0b2a2e" 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-6c41150a61952469c809dd6e2d0b2a2e"><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>
@@ -934,14 +934,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-d1bc91af526fe7ea59156ee95946f511" 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-d1bc91af526fe7ea59156ee95946f511"><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-303719099db34e910de0efe9dfa49913" 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-303719099db34e910de0efe9dfa49913"><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-3a3d1dce0edda1fd0dae74841e5d53fa" 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-3a3d1dce0edda1fd0dae74841e5d53fa"><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-308ffe1bc0bd28693a5dd23d45af0273" 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-308ffe1bc0bd28693a5dd23d45af0273"><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-5389a45096f6bf597842ed5ae56d4b3c" 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-5389a45096f6bf597842ed5ae56d4b3c"><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-8c03dc856ed7a189f4a3457e4920e46b" 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-8c03dc856ed7a189f4a3457e4920e46b"><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-059e981cf5b22869141a450d3295c6e0" 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-059e981cf5b22869141a450d3295c6e0"><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-448d51210b75d1fdc8f71dbb12db649e" 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-448d51210b75d1fdc8f71dbb12db649e"><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>
@@ -950,8 +950,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-8da04e9ddfdc1ab9ce1bfb17e5020ec1" 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-8da04e9ddfdc1ab9ce1bfb17e5020ec1"><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-389a6dfb8a99d233e93a81ef638f7b3a" 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-389a6dfb8a99d233e93a81ef638f7b3a"><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>
@@ -993,13 +993,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="7183058ac830fe123cf7757c53335e02">
+<div class="tab-panel" data-tab-group="c8ddcaddd05e54022a97f075312903d6">
   <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('7183058ac830fe123cf7757c53335e02','configtoml')"
+      onclick="switchTab('c8ddcaddd05e54022a97f075312903d6','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -1023,13 +1023,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="50f2b4ff8fef3046971761d1a73b4157">
+<div class="tab-panel" data-tab-group="f22ff052af640730c8911321102af779">
   <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('50f2b4ff8fef3046971761d1a73b4157','frontmatter')"
+      onclick="switchTab('f22ff052af640730c8911321102af779','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -1052,13 +1052,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="8bd5605782a8325749c58a2cb3caa389">
+<div class="tab-panel" data-tab-group="844559a885d1342246e7339f440ce0e3">
   <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('8bd5605782a8325749c58a2cb3caa389','url')"
+      onclick="switchTab('844559a885d1342246e7339f440ce0e3','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -1078,13 +1078,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7d6b849d8cf526b57f09d25a5a9f4da4">
+<div class="tab-panel" data-tab-group="bd2ecb37b833075d59598c9ce6d2c3a6">
   <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('7d6b849d8cf526b57f09d25a5a9f4da4','result')"
+      onclick="switchTab('bd2ecb37b833075d59598c9ce6d2c3a6','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -1107,13 +1107,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="93d491497aace5922f83591c87a598b9">
+<div class="tab-panel" data-tab-group="e9389a579e1a870af520580a94fdf105">
   <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('93d491497aace5922f83591c87a598b9','html')"
+      onclick="switchTab('e9389a579e1a870af520580a94fdf105','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -1297,8 +1297,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-7a4e08d4820ba54b7ea2e8217b3b247f" 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-7a4e08d4820ba54b7ea2e8217b3b247f"><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-e38a7fd80ac1ee8f32cfafb5f2861833" 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-e38a7fd80ac1ee8f32cfafb5f2861833"><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>
@@ -1438,8 +1438,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 3ccdd768bf..7fdb18d183 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-b859fc11e8ad792b1c8d173f8461ded2" 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-b859fc11e8ad792b1c8d173f8461ded2"><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-5ad5c8f1a623ed5d4233eb17a00a22e4" 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-5ad5c8f1a623ed5d4233eb17a00a22e4"><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>
@@ -702,8 +702,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-4d0297a17f3471307becf93b9a585721" 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-4d0297a17f3471307becf93b9a585721"><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-8c1fbdbcd451be484efe913ee9aebcf5" 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-8c1fbdbcd451be484efe913ee9aebcf5"><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 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-fc4695c64b1eff091cda5696f4d6c836" 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-fc4695c64b1eff091cda5696f4d6c836"><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-c372738571c1dea87a11cf9cf89d9716" 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-c372738571c1dea87a11cf9cf89d9716"><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 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-41c5ec23a4ca2cf121933346fdcb5aa7" 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-41c5ec23a4ca2cf121933346fdcb5aa7"><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-4e87a77f8568ba62c2e3f10788136597" 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-4e87a77f8568ba62c2e3f10788136597"><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 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-3f847ec7b232201dfbe27a4a6b0bc471" 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-3f847ec7b232201dfbe27a4a6b0bc471"><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-5acf3a8950ee22dd3fc6923e255f77cf" 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-5acf3a8950ee22dd3fc6923e255f77cf"><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 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-ee89e81ddef66c9be68ccda1f77eefb1" 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-ee89e81ddef66c9be68ccda1f77eefb1"><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-cb1e7bed2e3b85760700a04465217ba8" 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-cb1e7bed2e3b85760700a04465217ba8"><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 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-b6a1d036dbbed496659785d21efe87be" 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-b6a1d036dbbed496659785d21efe87be"><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-e08d4ac82e5c07485f5d15e5c47cdab0" 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-e08d4ac82e5c07485f5d15e5c47cdab0"><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 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-4c19909b08d2b9094557a9c89326a3c1" 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-4c19909b08d2b9094557a9c89326a3c1"><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-a87acc0b67e0bc5b68628d687212e02c" 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-a87acc0b67e0bc5b68628d687212e02c"><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 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-0762744a98b18fd81c107845cb14b8d0" 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-0762744a98b18fd81c107845cb14b8d0"><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-89ca0868bba9cdb403f74ae17b51dfb8" 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-89ca0868bba9cdb403f74ae17b51dfb8"><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 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-20db75b1cabf0276e7478bb43c607d04" 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-20db75b1cabf0276e7478bb43c607d04"><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-6c41150a61952469c809dd6e2d0b2a2e" 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-6c41150a61952469c809dd6e2d0b2a2e"><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 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-d1bc91af526fe7ea59156ee95946f511" 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-d1bc91af526fe7ea59156ee95946f511"><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-303719099db34e910de0efe9dfa49913" 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-303719099db34e910de0efe9dfa49913"><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-3a3d1dce0edda1fd0dae74841e5d53fa" 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-3a3d1dce0edda1fd0dae74841e5d53fa"><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-308ffe1bc0bd28693a5dd23d45af0273" 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-308ffe1bc0bd28693a5dd23d45af0273"><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-5389a45096f6bf597842ed5ae56d4b3c" 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-5389a45096f6bf597842ed5ae56d4b3c"><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-8c03dc856ed7a189f4a3457e4920e46b" 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-8c03dc856ed7a189f4a3457e4920e46b"><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-059e981cf5b22869141a450d3295c6e0" 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-059e981cf5b22869141a450d3295c6e0"><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-448d51210b75d1fdc8f71dbb12db649e" 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-448d51210b75d1fdc8f71dbb12db649e"><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>
@@ -817,8 +817,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-8da04e9ddfdc1ab9ce1bfb17e5020ec1" 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-8da04e9ddfdc1ab9ce1bfb17e5020ec1"><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-389a6dfb8a99d233e93a81ef638f7b3a" 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-389a6dfb8a99d233e93a81ef638f7b3a"><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>
@@ -931,12 +931,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1093,13 +1093,13 @@ line 3 o' code
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index e410d42146..2c928cb1f7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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-b859fc11e8ad792b1c8d173f8461ded2" 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-b859fc11e8ad792b1c8d173f8461ded2"><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-5ad5c8f1a623ed5d4233eb17a00a22e4" 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-5ad5c8f1a623ed5d4233eb17a00a22e4"><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>
@@ -610,8 +610,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-4d0297a17f3471307becf93b9a585721" 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-4d0297a17f3471307becf93b9a585721"><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-8c1fbdbcd451be484efe913ee9aebcf5" 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-8c1fbdbcd451be484efe913ee9aebcf5"><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 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-fc4695c64b1eff091cda5696f4d6c836" 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-fc4695c64b1eff091cda5696f4d6c836"><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-c372738571c1dea87a11cf9cf89d9716" 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-c372738571c1dea87a11cf9cf89d9716"><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 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-41c5ec23a4ca2cf121933346fdcb5aa7" 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-41c5ec23a4ca2cf121933346fdcb5aa7"><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-4e87a77f8568ba62c2e3f10788136597" 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-4e87a77f8568ba62c2e3f10788136597"><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 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-3f847ec7b232201dfbe27a4a6b0bc471" 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-3f847ec7b232201dfbe27a4a6b0bc471"><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-5acf3a8950ee22dd3fc6923e255f77cf" 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-5acf3a8950ee22dd3fc6923e255f77cf"><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 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-ee89e81ddef66c9be68ccda1f77eefb1" 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-ee89e81ddef66c9be68ccda1f77eefb1"><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-cb1e7bed2e3b85760700a04465217ba8" 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-cb1e7bed2e3b85760700a04465217ba8"><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 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-b6a1d036dbbed496659785d21efe87be" 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-b6a1d036dbbed496659785d21efe87be"><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-e08d4ac82e5c07485f5d15e5c47cdab0" 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-e08d4ac82e5c07485f5d15e5c47cdab0"><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 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-4c19909b08d2b9094557a9c89326a3c1" 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-4c19909b08d2b9094557a9c89326a3c1"><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-a87acc0b67e0bc5b68628d687212e02c" 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-a87acc0b67e0bc5b68628d687212e02c"><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 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-0762744a98b18fd81c107845cb14b8d0" 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-0762744a98b18fd81c107845cb14b8d0"><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-89ca0868bba9cdb403f74ae17b51dfb8" 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-89ca0868bba9cdb403f74ae17b51dfb8"><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 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-20db75b1cabf0276e7478bb43c607d04" 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-20db75b1cabf0276e7478bb43c607d04"><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-6c41150a61952469c809dd6e2d0b2a2e" 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-6c41150a61952469c809dd6e2d0b2a2e"><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 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-d1bc91af526fe7ea59156ee95946f511" 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-d1bc91af526fe7ea59156ee95946f511"><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-303719099db34e910de0efe9dfa49913" 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-303719099db34e910de0efe9dfa49913"><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-3a3d1dce0edda1fd0dae74841e5d53fa" 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-3a3d1dce0edda1fd0dae74841e5d53fa"><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-308ffe1bc0bd28693a5dd23d45af0273" 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-308ffe1bc0bd28693a5dd23d45af0273"><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-5389a45096f6bf597842ed5ae56d4b3c" 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-5389a45096f6bf597842ed5ae56d4b3c"><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-8c03dc856ed7a189f4a3457e4920e46b" 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-8c03dc856ed7a189f4a3457e4920e46b"><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-059e981cf5b22869141a450d3295c6e0" 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-059e981cf5b22869141a450d3295c6e0"><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-448d51210b75d1fdc8f71dbb12db649e" 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-448d51210b75d1fdc8f71dbb12db649e"><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>
@@ -725,8 +725,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-8da04e9ddfdc1ab9ce1bfb17e5020ec1" 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-8da04e9ddfdc1ab9ce1bfb17e5020ec1"><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-389a6dfb8a99d233e93a81ef638f7b3a" 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-389a6dfb8a99d233e93a81ef638f7b3a"><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>
@@ -758,8 +758,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 24fb795695..5c71f47113 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -343,12 +343,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?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761672" defer></script>
-        <script src="../../../js/search.js?1695761672" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -505,13 +505,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?1695761672"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index 063cdd070a..745782557e 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +216,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?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 442b74aec9..f162b71582 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a4037a6bf44722a6401c655f40c95fee" 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-a4037a6bf44722a6401c655f40c95fee"><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-735a1b9dd29929645f9c538ebd00b2ab" 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-735a1b9dd29929645f9c538ebd00b2ab"><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>
@@ -337,12 +337,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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -499,13 +499,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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 45fd813f31..a9e80b8f7a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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-a4037a6bf44722a6401c655f40c95fee" 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-a4037a6bf44722a6401c655f40c95fee"><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-735a1b9dd29929645f9c538ebd00b2ab" 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-735a1b9dd29929645f9c538ebd00b2ab"><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>
@@ -202,8 +202,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 977dfbcfb3..d835ddb81c 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761672" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761672" defer></script>
-        <script src="../../../js/search.js?1695761672" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -406,13 +406,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761672"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 70f49d18ac..b97672d001 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +117,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 4fe170b1c0..f0c1934e93 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -334,12 +334,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -500,13 +500,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 56d45fa17c..52e0c02045 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,8 +208,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 20c74c8346..4d76941511 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../js/search.js?1695761675" defer></script>
+        <script src="../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -385,13 +385,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 27d8ff82e2..f2e2a5d55a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../js/url.js?1695761675"></script>
-    <script src="../../js/variant.js?1695761675"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../js/url.js?1696103503"></script>
+    <script src="../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -471,8 +471,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-ac4a4dd3a4a3dbc186652c009d0b3129" 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-ac4a4dd3a4a3dbc186652c009d0b3129"><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-d7b63b5c1529b68bc8043fe1055188f0" 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-d7b63b5c1529b68bc8043fe1055188f0"><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>
@@ -501,11 +501,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-6e8528bf99cef63d8085dfb400f35f0b" 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-6e8528bf99cef63d8085dfb400f35f0b"><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-3fb1db12700da8e6bd512578229d8935" 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-3fb1db12700da8e6bd512578229d8935"><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-a24218e43c1c2e2e429dbe7c11196d12" 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-a24218e43c1c2e2e429dbe7c11196d12"><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-3193bbcf73dd200698ad8e67386f68b4" 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-3193bbcf73dd200698ad8e67386f68b4"><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">
@@ -517,8 +517,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 81f356a2ac..0d4a83855b 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -421,12 +421,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index 4d84df602f..cef6601350 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -284,8 +284,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index e159d5c486..b5c556f6fc 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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-ac4a4dd3a4a3dbc186652c009d0b3129" 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-ac4a4dd3a4a3dbc186652c009d0b3129"><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-d7b63b5c1529b68bc8043fe1055188f0" 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-d7b63b5c1529b68bc8043fe1055188f0"><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>
@@ -197,11 +197,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-6e8528bf99cef63d8085dfb400f35f0b" 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-6e8528bf99cef63d8085dfb400f35f0b"><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-3fb1db12700da8e6bd512578229d8935" 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-3fb1db12700da8e6bd512578229d8935"><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-a24218e43c1c2e2e429dbe7c11196d12" 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-a24218e43c1c2e2e429dbe7c11196d12"><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-3193bbcf73dd200698ad8e67386f68b4" 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-3193bbcf73dd200698ad8e67386f68b4"><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">
@@ -293,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -459,13 +459,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index c9eba54640..360ac75c8f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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-ac4a4dd3a4a3dbc186652c009d0b3129" 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-ac4a4dd3a4a3dbc186652c009d0b3129"><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-d7b63b5c1529b68bc8043fe1055188f0" 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-d7b63b5c1529b68bc8043fe1055188f0"><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>
@@ -142,11 +142,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-6e8528bf99cef63d8085dfb400f35f0b" 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-6e8528bf99cef63d8085dfb400f35f0b"><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-3fb1db12700da8e6bd512578229d8935" 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-3fb1db12700da8e6bd512578229d8935"><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-a24218e43c1c2e2e429dbe7c11196d12" 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-a24218e43c1c2e2e429dbe7c11196d12"><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-3193bbcf73dd200698ad8e67386f68b4" 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-3193bbcf73dd200698ad8e67386f68b4"><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">
@@ -157,8 +157,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 084b67ab26..a8899366d9 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,8 +138,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-028412162bf308a6c311a319f6567875" 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-028412162bf308a6c311a319f6567875"><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-67025b9b6dc79d5998f9e1745bf13e01" 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-67025b9b6dc79d5998f9e1745bf13e01"><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>
@@ -316,12 +316,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../js/search.js?1695761674" defer></script>
+        <script src="../js/auto-complete.js?1696103502" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -478,13 +478,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1695761674"></script>
+          <script async src="../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../js/theme.js?1695761674" defer></script>
+    <script src="../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 526c41ac26..1ea1b89d4a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../js/url.js?1695761675"></script>
-    <script src="../js/variant.js?1695761675"></script>
+    <link href="../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../js/url.js?1696103503"></script>
+    <script src="../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 </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-028412162bf308a6c311a319f6567875" 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-028412162bf308a6c311a319f6567875"><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-67025b9b6dc79d5998f9e1745bf13e01" 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-67025b9b6dc79d5998f9e1745bf13e01"><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>
@@ -998,8 +998,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-9d2a5cf6ac54b5173e2f7ed2f2980ed1" 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-9d2a5cf6ac54b5173e2f7ed2f2980ed1"><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-6bafd928d5e69a59af1ca265703f41ce" 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-6bafd928d5e69a59af1ca265703f41ce"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1044,8 +1044,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-73f6ff1a37850c5b88656540ec1ff7f6" 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-73f6ff1a37850c5b88656540ec1ff7f6"><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-29642b1d760c5112773d2f9c7e192272" 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-29642b1d760c5112773d2f9c7e192272"><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>
@@ -1203,8 +1203,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-92c253a439d52810ccb4c4d7c06b189b" 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-92c253a439d52810ccb4c4d7c06b189b"><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-8eaed6999514ff73b8b9b94cdd7dd680" 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-8eaed6999514ff73b8b9b94cdd7dd680"><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>
@@ -1249,8 +1249,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-55a1172db44c9578bcf917356069ed1c" 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-55a1172db44c9578bcf917356069ed1c"><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-6b1e93d7e6b679413103df6665429246" 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-6b1e93d7e6b679413103df6665429246"><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">
@@ -1375,13 +1375,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-2dd24fb8e457d3a00a074346121e8801" aria-controls="expandcontent-2dd24fb8e457d3a00a074346121e8801" >
-    <label class="expand-label" for="R-expand-2dd24fb8e457d3a00a074346121e8801" >
+    <input type="checkbox" id="R-expand-511c0bc5b637c32acc621742b76d039e" aria-controls="expandcontent-511c0bc5b637c32acc621742b76d039e" >
+    <label class="expand-label" for="R-expand-511c0bc5b637c32acc621742b76d039e" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="R-expandcontent-2dd24fb8e457d3a00a074346121e8801" class="expand-content">
+    <div id="R-expandcontent-511c0bc5b637c32acc621742b76d039e" 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>
@@ -1440,8 +1440,8 @@ window.variants && variants.generator( '#R-vargenerator' );
 
 
 <p>Th' theme comes wit' a reasonably configured topbar.</p>
-<p><a href="#R-image-d224f22368713bd34a87f6d724e504d3" 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-d224f22368713bd34a87f6d724e504d3"><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-916e9bbf26916ae6fe759664dc5e51e9" 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-916e9bbf26916ae6fe759664dc5e51e9"><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">
@@ -1453,8 +1453,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-fad33fb0fef44bae291dad6023de2737" 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-fad33fb0fef44bae291dad6023de2737"><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-4ceb84b1d7f698bfcfc3fc3f403f39a3" 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-4ceb84b1d7f698bfcfc3fc3f403f39a3"><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>
@@ -3135,8 +3135,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-a4037a6bf44722a6401c655f40c95fee" 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-a4037a6bf44722a6401c655f40c95fee"><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-735a1b9dd29929645f9c538ebd00b2ab" 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-735a1b9dd29929645f9c538ebd00b2ab"><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>
@@ -3187,8 +3187,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-5eec02c07febd8bc4bc767854815a7c3" 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-5eec02c07febd8bc4bc767854815a7c3"><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-af198aba6a0fd71c2ac9d943c254757e" 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-af198aba6a0fd71c2ac9d943c254757e"><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">+++
@@ -3198,8 +3198,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-91557ca6066059367460262b68bca951" 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-91557ca6066059367460262b68bca951"><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-cba1bf081f010a4dfd50c6068a73e8f4" 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-cba1bf081f010a4dfd50c6068a73e8f4"><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">+++
@@ -3211,8 +3211,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-83896dba0d2c8ec2f5308d6ccb26fe5c" 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-83896dba0d2c8ec2f5308d6ccb26fe5c"><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-5b38c81859c4d9a49af56962d5b32b66" 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-5b38c81859c4d9a49af56962d5b32b66"><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>
@@ -3785,8 +3785,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-b859fc11e8ad792b1c8d173f8461ded2" 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-b859fc11e8ad792b1c8d173f8461ded2"><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-5ad5c8f1a623ed5d4233eb17a00a22e4" 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-5ad5c8f1a623ed5d4233eb17a00a22e4"><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>
@@ -3796,8 +3796,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-4d0297a17f3471307becf93b9a585721" 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-4d0297a17f3471307becf93b9a585721"><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-8c1fbdbcd451be484efe913ee9aebcf5" 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-8c1fbdbcd451be484efe913ee9aebcf5"><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>
@@ -3809,8 +3809,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-fc4695c64b1eff091cda5696f4d6c836" 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-fc4695c64b1eff091cda5696f4d6c836"><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-c372738571c1dea87a11cf9cf89d9716" 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-c372738571c1dea87a11cf9cf89d9716"><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>
@@ -3822,8 +3822,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-41c5ec23a4ca2cf121933346fdcb5aa7" 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-41c5ec23a4ca2cf121933346fdcb5aa7"><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-4e87a77f8568ba62c2e3f10788136597" 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-4e87a77f8568ba62c2e3f10788136597"><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>
@@ -3831,8 +3831,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-3f847ec7b232201dfbe27a4a6b0bc471" 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-3f847ec7b232201dfbe27a4a6b0bc471"><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-5acf3a8950ee22dd3fc6923e255f77cf" 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-5acf3a8950ee22dd3fc6923e255f77cf"><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>
@@ -3840,8 +3840,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-ee89e81ddef66c9be68ccda1f77eefb1" 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-ee89e81ddef66c9be68ccda1f77eefb1"><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-cb1e7bed2e3b85760700a04465217ba8" 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-cb1e7bed2e3b85760700a04465217ba8"><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>
@@ -3852,8 +3852,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-b6a1d036dbbed496659785d21efe87be" 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-b6a1d036dbbed496659785d21efe87be"><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-e08d4ac82e5c07485f5d15e5c47cdab0" 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-e08d4ac82e5c07485f5d15e5c47cdab0"><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>
@@ -3862,8 +3862,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-4c19909b08d2b9094557a9c89326a3c1" 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-4c19909b08d2b9094557a9c89326a3c1"><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-a87acc0b67e0bc5b68628d687212e02c" 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-a87acc0b67e0bc5b68628d687212e02c"><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>
@@ -3872,8 +3872,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-0762744a98b18fd81c107845cb14b8d0" 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-0762744a98b18fd81c107845cb14b8d0"><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-89ca0868bba9cdb403f74ae17b51dfb8" 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-89ca0868bba9cdb403f74ae17b51dfb8"><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>
@@ -3882,8 +3882,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-20db75b1cabf0276e7478bb43c607d04" 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-20db75b1cabf0276e7478bb43c607d04"><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-6c41150a61952469c809dd6e2d0b2a2e" 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-6c41150a61952469c809dd6e2d0b2a2e"><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>
@@ -3895,14 +3895,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-d1bc91af526fe7ea59156ee95946f511" 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-d1bc91af526fe7ea59156ee95946f511"><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-303719099db34e910de0efe9dfa49913" 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-303719099db34e910de0efe9dfa49913"><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-3a3d1dce0edda1fd0dae74841e5d53fa" 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-3a3d1dce0edda1fd0dae74841e5d53fa"><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-308ffe1bc0bd28693a5dd23d45af0273" 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-308ffe1bc0bd28693a5dd23d45af0273"><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-5389a45096f6bf597842ed5ae56d4b3c" 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-5389a45096f6bf597842ed5ae56d4b3c"><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-8c03dc856ed7a189f4a3457e4920e46b" 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-8c03dc856ed7a189f4a3457e4920e46b"><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-059e981cf5b22869141a450d3295c6e0" 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-059e981cf5b22869141a450d3295c6e0"><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-448d51210b75d1fdc8f71dbb12db649e" 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-448d51210b75d1fdc8f71dbb12db649e"><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>
@@ -3911,8 +3911,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-8da04e9ddfdc1ab9ce1bfb17e5020ec1" 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-8da04e9ddfdc1ab9ce1bfb17e5020ec1"><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-389a6dfb8a99d233e93a81ef638f7b3a" 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-389a6dfb8a99d233e93a81ef638f7b3a"><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>
@@ -3954,13 +3954,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="7183058ac830fe123cf7757c53335e02">
+<div class="tab-panel" data-tab-group="c8ddcaddd05e54022a97f075312903d6">
   <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('7183058ac830fe123cf7757c53335e02','configtoml')"
+      onclick="switchTab('c8ddcaddd05e54022a97f075312903d6','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -3984,13 +3984,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="50f2b4ff8fef3046971761d1a73b4157">
+<div class="tab-panel" data-tab-group="f22ff052af640730c8911321102af779">
   <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('50f2b4ff8fef3046971761d1a73b4157','frontmatter')"
+      onclick="switchTab('f22ff052af640730c8911321102af779','frontmatter')"
     >
       <span>
         <span class="tab-nav-hidden">frontmatter</span>
@@ -4013,13 +4013,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="8bd5605782a8325749c58a2cb3caa389">
+<div class="tab-panel" data-tab-group="844559a885d1342246e7339f440ce0e3">
   <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('8bd5605782a8325749c58a2cb3caa389','url')"
+      onclick="switchTab('844559a885d1342246e7339f440ce0e3','url')"
     >
       <span>
         <span class="tab-nav-hidden">URL</span>
@@ -4039,13 +4039,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7d6b849d8cf526b57f09d25a5a9f4da4">
+<div class="tab-panel" data-tab-group="bd2ecb37b833075d59598c9ce6d2c3a6">
   <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('7d6b849d8cf526b57f09d25a5a9f4da4','result')"
+      onclick="switchTab('bd2ecb37b833075d59598c9ce6d2c3a6','result')"
     >
       <span>
         <span class="tab-nav-hidden">Result</span>
@@ -4068,13 +4068,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="93d491497aace5922f83591c87a598b9">
+<div class="tab-panel" data-tab-group="e9389a579e1a870af520580a94fdf105">
   <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('93d491497aace5922f83591c87a598b9','html')"
+      onclick="switchTab('e9389a579e1a870af520580a94fdf105','html')"
     >
       <span>
         <span class="tab-nav-hidden">HTML</span>
@@ -4258,8 +4258,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-7a4e08d4820ba54b7ea2e8217b3b247f" 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-7a4e08d4820ba54b7ea2e8217b3b247f"><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-e38a7fd80ac1ee8f32cfafb5f2861833" 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-e38a7fd80ac1ee8f32cfafb5f2861833"><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>
@@ -5682,13 +5682,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-014d88e32b571c01f1038d2c2321ece2" aria-controls="expandcontent-014d88e32b571c01f1038d2c2321ece2" >
-    <label class="expand-label" for="R-expand-014d88e32b571c01f1038d2c2321ece2" >
+    <input type="checkbox" id="R-expand-cfad4c02821272825352db435ed54cc9" aria-controls="expandcontent-cfad4c02821272825352db435ed54cc9" >
+    <label class="expand-label" for="R-expand-cfad4c02821272825352db435ed54cc9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-014d88e32b571c01f1038d2c2321ece2" class="expand-content">
+    <div id="R-expandcontent-cfad4c02821272825352db435ed54cc9" 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>
@@ -5815,26 +5815,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-142393fe6918909b5b8961db1fe29bcd" aria-controls="expandcontent-142393fe6918909b5b8961db1fe29bcd" >
-    <label class="expand-label" for="R-expand-142393fe6918909b5b8961db1fe29bcd" >
+    <input type="checkbox" id="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" aria-controls="expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" >
+    <label class="expand-label" for="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-142393fe6918909b5b8961db1fe29bcd" class="expand-content">
+    <div id="R-expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" 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-98ac6582e6090fea5d04af557fd5b930" aria-controls="expandcontent-98ac6582e6090fea5d04af557fd5b930"  checked>
-    <label class="expand-label" for="R-expand-98ac6582e6090fea5d04af557fd5b930" >
+    <input type="checkbox" id="R-expand-0e42733284880af40e4c4a509e96fc95" aria-controls="expandcontent-0e42733284880af40e4c4a509e96fc95"  checked>
+    <label class="expand-label" for="R-expand-0e42733284880af40e4c4a509e96fc95" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-98ac6582e6090fea5d04af557fd5b930" class="expand-content">
+    <div id="R-expandcontent-0e42733284880af40e4c4a509e96fc95" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5855,13 +5855,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-9cf3bf216e9db46d0d28486afa03f672" aria-controls="expandcontent-9cf3bf216e9db46d0d28486afa03f672" >
-    <label class="expand-label" for="R-expand-9cf3bf216e9db46d0d28486afa03f672" >
+    <input type="checkbox" id="R-expand-ca273651b6bad01f948960638e07db56" aria-controls="expandcontent-ca273651b6bad01f948960638e07db56" >
+    <label class="expand-label" for="R-expand-ca273651b6bad01f948960638e07db56" >
         <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-9cf3bf216e9db46d0d28486afa03f672" class="expand-content">
+    <div id="R-expandcontent-ca273651b6bad01f948960638e07db56" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5899,13 +5899,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="99d15d2550cd5b6a9c02536e05493707">
+<div class="tab-panel" data-tab-group="6201f4f701a8b8a4126d6c619c3470bb">
   <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('99d15d2550cd5b6a9c02536e05493707','python')"
+      onclick="switchTab('6201f4f701a8b8a4126d6c619c3470bb','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -6128,13 +6128,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="043017e530f5244d15e1347ca3e8601f">
+<div class="tab-panel" data-tab-group="430b6d58f6d375e8ca7b9d17813940da">
   <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('043017e530f5244d15e1347ca3e8601f','python')"
+      onclick="switchTab('430b6d58f6d375e8ca7b9d17813940da','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -6630,11 +6630,11 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 </div>
 <p>Th' <code>mermaid</code> shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' <a href="https://mermaidjs.github.io/" target="_blank">Merrrmaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -6793,7 +6793,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -6802,7 +6802,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram wit' Configurat'n Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -6816,7 +6816,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">ye</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how be ye?
@@ -6827,7 +6827,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about ye?
     Bob--&gt;&gt;John: Jolly bloody!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram wit' Codefence Rules</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -6852,7 +6852,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -6872,7 +6872,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -6883,7 +6883,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -6892,7 +6892,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model wit' Non-Default Merrrmaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -6906,7 +6906,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -6917,7 +6917,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -6930,7 +6930,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My work'n day
     section Go t' work
@@ -6940,7 +6940,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -6959,7 +6959,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">fer</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Add'n GANTT diagram functionality t' Merrrmaid
@@ -6975,7 +6975,7 @@ gantt
         Future task 'n critical line        :crit, 5d
         Create tests fer renderer           :2d
         Add t' Merrrmaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -6983,12 +6983,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -7006,7 +7006,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach an' engagement o' campaigns
     x-axis Low Reach --&gt; High Reach
@@ -7021,7 +7021,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -7039,7 +7039,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -7054,7 +7054,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -7069,7 +7069,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -7081,7 +7081,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -7127,7 +7127,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram fer Internet Bank'n System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -7170,7 +7170,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -7191,7 +7191,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">an'</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Merrrmaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -7209,7 +7209,7 @@ mindmap
     Tools
       Pen an' paper
       Merrrmaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -7220,7 +7220,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History o' Social Media Platform
     2002 : LinkedIn
@@ -7228,7 +7228,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -7238,14 +7238,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heat'n</span> <span class="nx">an'</span> <span class="nx">cool'n</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
 
             <footer class="footline">
@@ -7699,7 +7699,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-c5a56e46e2aa72917860e9cb0401659e"
+    id="R-openapi-c04b5576d32b6884a55e94f56810e0cf"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7807,13 +7807,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="35d1c689985e454c2c16d38f9a32f0cb">
+<div class="tab-panel" data-tab-group="2e69043026bfff132b17b2892f1130bf">
   <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('35d1c689985e454c2c16d38f9a32f0cb','configtoml')"
+      onclick="switchTab('2e69043026bfff132b17b2892f1130bf','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -7851,13 +7851,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="9590a0b5afcfa438d07ba11a78f67781">
+<div class="tab-panel" data-tab-group="71af548b78836d81467c64671150d23f">
   <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('9590a0b5afcfa438d07ba11a78f67781','c')"
+      onclick="switchTab('71af548b78836d81467c64671150d23f','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -7971,13 +7971,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7f7e6a7ca91992788591aaf069aa4cae">
+<div class="tab-panel" data-tab-group="c09399ade1eaf365b3aba2f291bd9082">
   <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('7f7e6a7ca91992788591aaf069aa4cae','code')"
+      onclick="switchTab('c09399ade1eaf365b3aba2f291bd9082','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -8002,13 +8002,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7a5e161bb6ded8e73c14627fbbb55b68">
+<div class="tab-panel" data-tab-group="0ec2c5c9017c1ad55a43c95efac1c478">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7a5e161bb6ded8e73c14627fbbb55b68','emstrongmixedstrongem')"
+      onclick="switchTab('0ec2c5c9017c1ad55a43c95efac1c478','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -8018,7 +8018,7 @@ Electricity grid,H2 conversion,27.14
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -8056,13 +8056,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1850a5498d982fb2d9595c63bfb48d0c">
+<div class="tab-panel" data-tab-group="534d64c9bcfe5a3212adc9b18e161b4c">
   <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('1850a5498d982fb2d9595c63bfb48d0c','just-colored-style')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -8072,7 +8072,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -8082,7 +8082,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','default-style-and-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style an' color</span>
@@ -8092,7 +8092,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -8102,7 +8102,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -8175,13 +8175,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="75072bc516a12b70a52664070478f5c2">
+<div class="tab-panel" data-tab-group="33e13a93690d682931e8a43103ed7e7c">
   <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('75072bc516a12b70a52664070478f5c2','py')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -8191,7 +8191,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','sh')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -8201,7 +8201,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','c')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -8358,13 +8358,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="dd1d4fc71a28965f4479bb86f2ecfafb">
+<div class="tab-panel" data-tab-group="d6803afda709958c39d70ba783389b12">
   <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('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-1')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -8374,7 +8374,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-2')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -8384,7 +8384,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-b')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -8468,9 +8468,9 @@ Electricity grid,H2 conversion,27.14
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -8498,7 +8498,7 @@ Electricity grid,H2 conversion,27.14
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -8785,8 +8785,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761675" defer></script>
+    <script src="../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103503" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8815,27 +8815,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1695761675"></script>
-    <script src="../js/d3/d3-color.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1695761675" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1695761675" defer></script>
-    <script src="../js/js-yaml.min.js?1695761675" defer></script>
-    <script src="../js/mermaid.min.js?1695761675" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696103503"></script>
+    <script src="../js/d3/d3-color.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696103503" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696103503" defer></script>
+    <script src="../js/js-yaml.min.js?1696103503" defer></script>
+    <script src="../js/mermaid.min.js?1696103503" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1695761675" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1695761675" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696103503" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696103503" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761675", assetsBuster:  1695761675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103503", assetsBuster:  1696103503  };
     </script>
-    <script src="../js/theme.js?1695761675" defer></script>
+    <script src="../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 2fd6e139a2..e8fd3698d0 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -274,12 +274,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -436,13 +436,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 75c3670d98..6a4641435a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -146,8 +146,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 79c6b176ec..0257d98d3a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../js/url.js?1695761675"></script>
-    <script src="../js/variant.js?1695761675"></script>
+    <link href="../css/fontawesome-all.min.css?1696103504" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103504" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103504" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103504" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103504" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103504" rel="stylesheet">
+    <link href="../css/fonts.css?1696103504" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103504" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103504" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103504" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103504" rel="stylesheet">
+    <link href="../css/print.css?1696103504" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103504" rel="stylesheet">
+    <script src="../js/url.js?1696103504"></script>
+    <script src="../js/variant.js?1696103504"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761675" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../js/search.js?1695761675" defer></script>
+        <script src="../js/auto-complete.js?1696103504" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103504" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103504" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103504" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103504" defer></script>
+        <script src="../js/search.js?1696103504" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -355,13 +355,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1695761675"></script>
+          <script async src="../js/github-buttons.js?1696103504"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761676" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761676" defer></script>
-    <script src="../js/theme.js?1695761676" defer></script>
+    <script src="../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 616949883f..bb49fdd4cf 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -489,12 +489,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -651,13 +651,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 105a24b31c..b7d8a15200 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -346,8 +346,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 9d31993458..e9ef2bf71a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -421,12 +421,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -583,13 +583,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 065593c78c..45b2d26ce2 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 0c85f3bed9..fcca3fb116 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -561,12 +561,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -723,13 +723,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index a61d6aef8d..e5211d9f60 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -424,8 +424,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" 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 832d05e0fd..6d9d3a7733 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696103503" 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 c3d60ab464..76530562d7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1696103504" 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 c62f25057e..aac3430e58 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696103503" 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 33ed5c80d5..7b4d284a7a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +128,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696103504" 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 0ae2ac940b..58aa2a629d 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103503" 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 b6f881e344..a8beca9da1 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103504" 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 d7d810f020..bc8383239e 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../js/theme.js?1696103503" 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 20c20ac8b2..94325da18e 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,8 +135,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../js/theme.js?1696103504" 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 d275218099..f4fd2ae9df 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103503" 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 abb1876562..b0eb6e2c18 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103504" 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 f4b2651672..17b9c4e23b 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103503" 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 5428d5d195..fc86b345a6 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103504" 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 b7830992de..87592dd7c3 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../../js/theme.js?1696103503" 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 2b755c78da..589515766f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../../js/theme.js?1696103504" 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 aa1fa47e19..0e205413f5 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../js/theme.js?1696103503" 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 57dd983c2e..03837dc5d1 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -183,8 +183,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 88bdbdae83..a904e45e51 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -391,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../js/theme.js?1696103503" 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 e1ef7cad97..25098898e5 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761675"></script>
-    <script src="../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103503"></script>
+    <script src="../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 9d45f083fc..7818aebcfc 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../js/theme.js?1696103503" 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 f4f73b8d2b..a5638ce699 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761675"></script>
-    <script src="../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103503"></script>
+    <script src="../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index eba7c8474b..c1da965211 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -391,13 +391,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../js/theme.js?1696103503" 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 01c1cf9c27..2d26cb70a1 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761675"></script>
-    <script src="../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103503"></script>
+    <script src="../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../js/theme.js?1696103504" 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 bc3bb15771..240e1ee6c6 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761674" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../../../js/search.js?1695761674" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../../../js/search.js?1696103502" 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?1695761674"></script>
+          <script async src="../../../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../../../js/theme.js?1696103502" 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 53d986bff0..3d00a15bfa 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761675"></script>
-    <script src="../../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103503"></script>
+    <script src="../../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index a2e1accdb7..36940d9d7f 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../../js/search.js?1695761675" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../js/theme.js?1696103503" 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 4640daa19a..367a0e5347 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761675"></script>
-    <script src="../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103503"></script>
+    <script src="../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index 16c49febd5..49052e81ce 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -424,12 +424,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -586,13 +586,13 @@ So its rrrambl'n be used as descript'n.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index a519e4c4a9..d0f6dcc1d8 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -499,8 +499,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 1850c08e0c..74f2410ea4 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761674" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../../js/search.js?1695761674" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../../js/search.js?1696103502" 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?1695761674"></script>
+          <script async src="../../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index befdc31dcf..5f8eeff968 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761675"></script>
-    <script src="../../../../js/variant.js?1695761675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103503"></script>
+    <script src="../../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 7d619465b0..98421a7160 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-014d88e32b571c01f1038d2c2321ece2" aria-controls="expandcontent-014d88e32b571c01f1038d2c2321ece2" >
-    <label class="expand-label" for="R-expand-014d88e32b571c01f1038d2c2321ece2" >
+    <input type="checkbox" id="R-expand-cfad4c02821272825352db435ed54cc9" aria-controls="expandcontent-cfad4c02821272825352db435ed54cc9" >
+    <label class="expand-label" for="R-expand-cfad4c02821272825352db435ed54cc9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-014d88e32b571c01f1038d2c2321ece2" class="expand-content">
+    <div id="R-expandcontent-cfad4c02821272825352db435ed54cc9" 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>
@@ -273,26 +273,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-142393fe6918909b5b8961db1fe29bcd" aria-controls="expandcontent-142393fe6918909b5b8961db1fe29bcd" >
-    <label class="expand-label" for="R-expand-142393fe6918909b5b8961db1fe29bcd" >
+    <input type="checkbox" id="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" aria-controls="expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" >
+    <label class="expand-label" for="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-142393fe6918909b5b8961db1fe29bcd" class="expand-content">
+    <div id="R-expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" 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-98ac6582e6090fea5d04af557fd5b930" aria-controls="expandcontent-98ac6582e6090fea5d04af557fd5b930"  checked>
-    <label class="expand-label" for="R-expand-98ac6582e6090fea5d04af557fd5b930" >
+    <input type="checkbox" id="R-expand-0e42733284880af40e4c4a509e96fc95" aria-controls="expandcontent-0e42733284880af40e4c4a509e96fc95"  checked>
+    <label class="expand-label" for="R-expand-0e42733284880af40e4c4a509e96fc95" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-98ac6582e6090fea5d04af557fd5b930" class="expand-content">
+    <div id="R-expandcontent-0e42733284880af40e4c4a509e96fc95" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -313,13 +313,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-9cf3bf216e9db46d0d28486afa03f672" aria-controls="expandcontent-9cf3bf216e9db46d0d28486afa03f672" >
-    <label class="expand-label" for="R-expand-9cf3bf216e9db46d0d28486afa03f672" >
+    <input type="checkbox" id="R-expand-ca273651b6bad01f948960638e07db56" aria-controls="expandcontent-ca273651b6bad01f948960638e07db56" >
+    <label class="expand-label" for="R-expand-ca273651b6bad01f948960638e07db56" >
         <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-9cf3bf216e9db46d0d28486afa03f672" class="expand-content">
+    <div id="R-expandcontent-ca273651b6bad01f948960638e07db56" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -425,12 +425,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -587,13 +587,13 @@ No need t' press ye!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index d43c2c4400..b1bba3b2a7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-014d88e32b571c01f1038d2c2321ece2" aria-controls="expandcontent-014d88e32b571c01f1038d2c2321ece2" >
-    <label class="expand-label" for="R-expand-014d88e32b571c01f1038d2c2321ece2" >
+    <input type="checkbox" id="R-expand-cfad4c02821272825352db435ed54cc9" aria-controls="expandcontent-cfad4c02821272825352db435ed54cc9" >
+    <label class="expand-label" for="R-expand-cfad4c02821272825352db435ed54cc9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-014d88e32b571c01f1038d2c2321ece2" class="expand-content">
+    <div id="R-expandcontent-cfad4c02821272825352db435ed54cc9" 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>
@@ -218,26 +218,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-142393fe6918909b5b8961db1fe29bcd" aria-controls="expandcontent-142393fe6918909b5b8961db1fe29bcd" >
-    <label class="expand-label" for="R-expand-142393fe6918909b5b8961db1fe29bcd" >
+    <input type="checkbox" id="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" aria-controls="expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" >
+    <label class="expand-label" for="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-142393fe6918909b5b8961db1fe29bcd" class="expand-content">
+    <div id="R-expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" 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-98ac6582e6090fea5d04af557fd5b930" aria-controls="expandcontent-98ac6582e6090fea5d04af557fd5b930"  checked>
-    <label class="expand-label" for="R-expand-98ac6582e6090fea5d04af557fd5b930" >
+    <input type="checkbox" id="R-expand-0e42733284880af40e4c4a509e96fc95" aria-controls="expandcontent-0e42733284880af40e4c4a509e96fc95"  checked>
+    <label class="expand-label" for="R-expand-0e42733284880af40e4c4a509e96fc95" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-98ac6582e6090fea5d04af557fd5b930" class="expand-content">
+    <div id="R-expandcontent-0e42733284880af40e4c4a509e96fc95" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -258,13 +258,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-9cf3bf216e9db46d0d28486afa03f672" aria-controls="expandcontent-9cf3bf216e9db46d0d28486afa03f672" >
-    <label class="expand-label" for="R-expand-9cf3bf216e9db46d0d28486afa03f672" >
+    <input type="checkbox" id="R-expand-ca273651b6bad01f948960638e07db56" aria-controls="expandcontent-ca273651b6bad01f948960638e07db56" >
+    <label class="expand-label" for="R-expand-ca273651b6bad01f948960638e07db56" >
         <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-9cf3bf216e9db46d0d28486afa03f672" class="expand-content">
+    <div id="R-expandcontent-ca273651b6bad01f948960638e07db56" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -289,8 +289,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index 98e798ad73..b52dc5de89 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +154,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="99d15d2550cd5b6a9c02536e05493707">
+<div class="tab-panel" data-tab-group="6201f4f701a8b8a4126d6c619c3470bb">
   <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('99d15d2550cd5b6a9c02536e05493707','python')"
+      onclick="switchTab('6201f4f701a8b8a4126d6c619c3470bb','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -383,13 +383,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="043017e530f5244d15e1347ca3e8601f">
+<div class="tab-panel" data-tab-group="430b6d58f6d375e8ca7b9d17813940da">
   <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('043017e530f5244d15e1347ca3e8601f','python')"
+      onclick="switchTab('430b6d58f6d375e8ca7b9d17813940da','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -514,12 +514,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -676,13 +676,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 0a6fb1818b..013e03675b 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,13 +92,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="99d15d2550cd5b6a9c02536e05493707">
+<div class="tab-panel" data-tab-group="6201f4f701a8b8a4126d6c619c3470bb">
   <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('99d15d2550cd5b6a9c02536e05493707','python')"
+      onclick="switchTab('6201f4f701a8b8a4126d6c619c3470bb','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -321,13 +321,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="043017e530f5244d15e1347ca3e8601f">
+<div class="tab-panel" data-tab-group="430b6d58f6d375e8ca7b9d17813940da">
   <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('043017e530f5244d15e1347ca3e8601f','python')"
+      onclick="switchTab('430b6d58f6d375e8ca7b9d17813940da','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -371,8 +371,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index b3f55bf52a..70ce504903 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -348,12 +348,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -510,13 +510,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 76090806d8..6aa649b951 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -211,8 +211,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index d465a830b1..c4e80795b9 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -338,12 +338,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -500,13 +500,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index b3db2fc3a4..686c0abc75 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index f287cd0cac..1148791ca5 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -235,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../js/search.js?1695761675" defer></script>
+        <script src="../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index b660227a60..ed24d14892 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../js/url.js?1695761675"></script>
-    <script src="../../js/variant.js?1695761675"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../js/url.js?1696103503"></script>
+    <script src="../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1361,13 +1361,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-014d88e32b571c01f1038d2c2321ece2" aria-controls="expandcontent-014d88e32b571c01f1038d2c2321ece2" >
-    <label class="expand-label" for="R-expand-014d88e32b571c01f1038d2c2321ece2" >
+    <input type="checkbox" id="R-expand-cfad4c02821272825352db435ed54cc9" aria-controls="expandcontent-cfad4c02821272825352db435ed54cc9" >
+    <label class="expand-label" for="R-expand-cfad4c02821272825352db435ed54cc9" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-014d88e32b571c01f1038d2c2321ece2" class="expand-content">
+    <div id="R-expandcontent-cfad4c02821272825352db435ed54cc9" 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>
@@ -1494,26 +1494,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-142393fe6918909b5b8961db1fe29bcd" aria-controls="expandcontent-142393fe6918909b5b8961db1fe29bcd" >
-    <label class="expand-label" for="R-expand-142393fe6918909b5b8961db1fe29bcd" >
+    <input type="checkbox" id="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" aria-controls="expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" >
+    <label class="expand-label" for="R-expand-2b7a8f623c4d32708941cbf74c2eceb4" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-142393fe6918909b5b8961db1fe29bcd" class="expand-content">
+    <div id="R-expandcontent-2b7a8f623c4d32708941cbf74c2eceb4" 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-98ac6582e6090fea5d04af557fd5b930" aria-controls="expandcontent-98ac6582e6090fea5d04af557fd5b930"  checked>
-    <label class="expand-label" for="R-expand-98ac6582e6090fea5d04af557fd5b930" >
+    <input type="checkbox" id="R-expand-0e42733284880af40e4c4a509e96fc95" aria-controls="expandcontent-0e42733284880af40e4c4a509e96fc95"  checked>
+    <label class="expand-label" for="R-expand-0e42733284880af40e4c4a509e96fc95" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-98ac6582e6090fea5d04af557fd5b930" class="expand-content">
+    <div id="R-expandcontent-0e42733284880af40e4c4a509e96fc95" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1534,13 +1534,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-9cf3bf216e9db46d0d28486afa03f672" aria-controls="expandcontent-9cf3bf216e9db46d0d28486afa03f672" >
-    <label class="expand-label" for="R-expand-9cf3bf216e9db46d0d28486afa03f672" >
+    <input type="checkbox" id="R-expand-ca273651b6bad01f948960638e07db56" aria-controls="expandcontent-ca273651b6bad01f948960638e07db56" >
+    <label class="expand-label" for="R-expand-ca273651b6bad01f948960638e07db56" >
         <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-9cf3bf216e9db46d0d28486afa03f672" class="expand-content">
+    <div id="R-expandcontent-ca273651b6bad01f948960638e07db56" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1578,13 +1578,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="99d15d2550cd5b6a9c02536e05493707">
+<div class="tab-panel" data-tab-group="6201f4f701a8b8a4126d6c619c3470bb">
   <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('99d15d2550cd5b6a9c02536e05493707','python')"
+      onclick="switchTab('6201f4f701a8b8a4126d6c619c3470bb','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -1807,13 +1807,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="043017e530f5244d15e1347ca3e8601f">
+<div class="tab-panel" data-tab-group="430b6d58f6d375e8ca7b9d17813940da">
   <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('043017e530f5244d15e1347ca3e8601f','python')"
+      onclick="switchTab('430b6d58f6d375e8ca7b9d17813940da','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -2309,11 +2309,11 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 </div>
 <p>Th' <code>mermaid</code> shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' <a href="https://mermaidjs.github.io/" target="_blank">Merrrmaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -2472,7 +2472,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -2481,7 +2481,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram wit' Configurat'n Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -2495,7 +2495,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">ye</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how be ye?
@@ -2506,7 +2506,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about ye?
     Bob--&gt;&gt;John: Jolly bloody!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram wit' Codefence Rules</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -2531,7 +2531,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -2551,7 +2551,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -2562,7 +2562,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -2571,7 +2571,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model wit' Non-Default Merrrmaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -2585,7 +2585,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -2596,7 +2596,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -2609,7 +2609,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My work'n day
     section Go t' work
@@ -2619,7 +2619,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -2638,7 +2638,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">fer</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Add'n GANTT diagram functionality t' Merrrmaid
@@ -2654,7 +2654,7 @@ gantt
         Future task 'n critical line        :crit, 5d
         Create tests fer renderer           :2d
         Add t' Merrrmaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -2662,12 +2662,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -2685,7 +2685,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach an' engagement o' campaigns
     x-axis Low Reach --&gt; High Reach
@@ -2700,7 +2700,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -2718,7 +2718,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -2733,7 +2733,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -2748,7 +2748,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -2760,7 +2760,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -2806,7 +2806,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram fer Internet Bank'n System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -2849,7 +2849,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -2870,7 +2870,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">an'</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Merrrmaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -2888,7 +2888,7 @@ mindmap
     Tools
       Pen an' paper
       Merrrmaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -2899,7 +2899,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History o' Social Media Platform
     2002 : LinkedIn
@@ -2907,7 +2907,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -2917,14 +2917,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heat'n</span> <span class="nx">an'</span> <span class="nx">cool'n</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
 
             <footer class="footline">
@@ -3378,7 +3378,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-c5a56e46e2aa72917860e9cb0401659e"
+    id="R-openapi-c04b5576d32b6884a55e94f56810e0cf"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3486,13 +3486,13 @@ Electricity grid,H2 conversion,27.14
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="35d1c689985e454c2c16d38f9a32f0cb">
+<div class="tab-panel" data-tab-group="2e69043026bfff132b17b2892f1130bf">
   <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('35d1c689985e454c2c16d38f9a32f0cb','configtoml')"
+      onclick="switchTab('2e69043026bfff132b17b2892f1130bf','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -3530,13 +3530,13 @@ Electricity grid,H2 conversion,27.14
 <p>This be especially useful if ye want t' flag yer code example wit' an explicit language.</p>
 <p>If ye want multiple tabs grouped together ye can wrap yer tabs into th' <a href="../../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="9590a0b5afcfa438d07ba11a78f67781">
+<div class="tab-panel" data-tab-group="71af548b78836d81467c64671150d23f">
   <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('9590a0b5afcfa438d07ba11a78f67781','c')"
+      onclick="switchTab('71af548b78836d81467c64671150d23f','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -3650,13 +3650,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7f7e6a7ca91992788591aaf069aa4cae">
+<div class="tab-panel" data-tab-group="c09399ade1eaf365b3aba2f291bd9082">
   <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('7f7e6a7ca91992788591aaf069aa4cae','code')"
+      onclick="switchTab('c09399ade1eaf365b3aba2f291bd9082','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -3681,13 +3681,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7a5e161bb6ded8e73c14627fbbb55b68">
+<div class="tab-panel" data-tab-group="0ec2c5c9017c1ad55a43c95efac1c478">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7a5e161bb6ded8e73c14627fbbb55b68','emstrongmixedstrongem')"
+      onclick="switchTab('0ec2c5c9017c1ad55a43c95efac1c478','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -3697,7 +3697,7 @@ Electricity grid,H2 conversion,27.14
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -3735,13 +3735,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1850a5498d982fb2d9595c63bfb48d0c">
+<div class="tab-panel" data-tab-group="534d64c9bcfe5a3212adc9b18e161b4c">
   <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('1850a5498d982fb2d9595c63bfb48d0c','just-colored-style')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -3751,7 +3751,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -3761,7 +3761,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','default-style-and-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style an' color</span>
@@ -3771,7 +3771,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -3781,7 +3781,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -3854,13 +3854,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes 'n handy eg. fer provid'n code snippets fer multiple languages.</p>
 <p>If ye just want a single tab ye can instead call th' <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="75072bc516a12b70a52664070478f5c2">
+<div class="tab-panel" data-tab-group="33e13a93690d682931e8a43103ed7e7c">
   <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('75072bc516a12b70a52664070478f5c2','py')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -3870,7 +3870,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','sh')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -3880,7 +3880,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','c')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -4037,13 +4037,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="dd1d4fc71a28965f4479bb86f2ecfafb">
+<div class="tab-panel" data-tab-group="d6803afda709958c39d70ba783389b12">
   <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('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-1')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -4053,7 +4053,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-2')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -4063,7 +4063,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-b')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -4147,9 +4147,9 @@ Electricity grid,H2 conversion,27.14
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -4177,7 +4177,7 @@ Electricity grid,H2 conversion,27.14
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -4463,8 +4463,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103504" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4493,27 +4493,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1695761675"></script>
-    <script src="../../js/d3/d3-color.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761675" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761675" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761675" defer></script>
-    <script src="../../js/mermaid.min.js?1695761675" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696103504"></script>
+    <script src="../../js/d3/d3-color.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103504" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103504" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103504" defer></script>
+    <script src="../../js/mermaid.min.js?1696103504" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1695761675" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1695761675" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696103504" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696103504" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761675", assetsBuster:  1695761675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103504", assetsBuster:  1696103504  };
     </script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 886a2d946d..1b34d884e4 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -405,12 +405,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="../../../js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -567,13 +567,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -602,7 +602,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?1695761673"></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696103501"></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 77da3e903c..30df5a8ebd 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -292,7 +292,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?1695761675"></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1696103503"></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index babbb6b09f..61c72043a0 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +164,11 @@
 </div>
 <p>Th' <code>mermaid</code> shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' <a href="https://mermaidjs.github.io/" target="_blank">Merrrmaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -327,7 +327,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -336,7 +336,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram wit' Configurat'n Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -350,7 +350,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">ye</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how be ye?
@@ -361,7 +361,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about ye?
     Bob--&gt;&gt;John: Jolly bloody!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram wit' Codefence Rules</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -386,7 +386,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -406,7 +406,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -417,7 +417,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -426,7 +426,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model wit' Non-Default Merrrmaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -440,7 +440,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -451,7 +451,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -464,7 +464,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My work'n day
     section Go t' work
@@ -474,7 +474,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -493,7 +493,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">fer</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Add'n GANTT diagram functionality t' Merrrmaid
@@ -509,7 +509,7 @@ gantt
         Future task 'n critical line        :crit, 5d
         Create tests fer renderer           :2d
         Add t' Merrrmaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -517,12 +517,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -540,7 +540,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach an' engagement o' campaigns
     x-axis Low Reach --&gt; High Reach
@@ -555,7 +555,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -573,7 +573,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -588,7 +588,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -603,7 +603,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -615,7 +615,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -661,7 +661,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram fer Internet Bank'n System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -704,7 +704,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -725,7 +725,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">an'</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Merrrmaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -743,7 +743,7 @@ mindmap
     Tools
       Pen an' paper
       Merrrmaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -754,7 +754,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History o' Social Media Platform
     2002 : LinkedIn
@@ -762,7 +762,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -772,14 +772,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heat'n</span> <span class="nx">an'</span> <span class="nx">cool'n</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
 
             <footer class="footline">
@@ -871,12 +871,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1033,27 +1033,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1695761673" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1695761673" defer></script>
-    <script src="../../../js/js-yaml.min.js?1695761673" defer></script>
-    <script src="../../../js/mermaid.min.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696103502" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696103502" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696103502" defer></script>
+    <script src="../../../js/mermaid.min.js?1696103502" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 8f3f5aff14..d032c8be4a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,11 +91,11 @@
 </div>
 <p>Th' <code>mermaid</code> shortcode generates diagrams an' flowcharts from text, 'n a similar manner as Marrrkdown us'n th' <a href="https://mermaidjs.github.io/" target="_blank">Merrrmaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Avast</div>
@@ -254,7 +254,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -263,7 +263,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram wit' Configurat'n Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -277,7 +277,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">ye</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">bloody</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how be ye?
@@ -288,7 +288,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about ye?
     Bob--&gt;&gt;John: Jolly bloody!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram wit' Codefence Rules</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -313,7 +313,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -333,7 +333,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned t' th' Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -344,7 +344,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -353,7 +353,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model wit' Non-Default Merrrmaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -367,7 +367,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -378,7 +378,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -391,7 +391,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My work'n day
     section Go t' work
@@ -401,7 +401,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -420,7 +420,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">fer</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">t'</span> <span class="nx">Merrrmaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Add'n GANTT diagram functionality t' Merrrmaid
@@ -436,7 +436,7 @@ gantt
         Future task 'n critical line        :crit, 5d
         Create tests fer renderer           :2d
         Add t' Merrrmaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -444,12 +444,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -467,7 +467,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach an' engagement o' campaigns
     x-axis Low Reach --&gt; High Reach
@@ -482,7 +482,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -500,7 +500,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -515,7 +515,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -530,7 +530,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -542,7 +542,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -588,7 +588,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram fer Internet Bank'n System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -631,7 +631,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -652,7 +652,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">an'</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Merrrmaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -670,7 +670,7 @@ mindmap
     Tools
       Pen an' paper
       Merrrmaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -681,7 +681,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History o' Social Media Platform
     2002 : LinkedIn
@@ -689,7 +689,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -699,14 +699,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heat'n</span> <span class="nx">an'</span> <span class="nx">cool'n</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
 
             <footer class="footline">
@@ -717,22 +717,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1695761675" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1695761675" defer></script>
-    <script src="../../../js/js-yaml.min.js?1695761675" defer></script>
-    <script src="../../../js/mermaid.min.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1696103503" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1696103503" defer></script>
+    <script src="../../../js/js-yaml.min.js?1696103503" defer></script>
+    <script src="../../../js/mermaid.min.js?1696103503" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index a7295ad540..3bbab6ef57 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -569,12 +569,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -731,13 +731,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 096ef363eb..2c6db88ed2 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -431,8 +431,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 70482bb0e0..d95a0795b3 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +223,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c5a56e46e2aa72917860e9cb0401659e"
+    id="R-openapi-c04b5576d32b6884a55e94f56810e0cf"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -318,12 +318,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -480,19 +480,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1695761675" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1695761675" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696103503" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696103503" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761675", assetsBuster:  1695761675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103503", assetsBuster:  1696103503  };
     </script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index b5b4d24a9e..d54cdb64dd 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -170,7 +170,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-c5a56e46e2aa72917860e9cb0401659e"
+    id="R-openapi-c04b5576d32b6884a55e94f56810e0cf"
     data-openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -184,14 +184,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103504" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1695761675" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1695761675" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1696103504" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1696103504" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761675", assetsBuster:  1695761675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103504", assetsBuster:  1696103504  };
     </script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 3c9bc11f07..1bc127a42a 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +227,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="35d1c689985e454c2c16d38f9a32f0cb">
+<div class="tab-panel" data-tab-group="2e69043026bfff132b17b2892f1130bf">
   <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('35d1c689985e454c2c16d38f9a32f0cb','configtoml')"
+      onclick="switchTab('2e69043026bfff132b17b2892f1130bf','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -345,12 +345,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761673" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761673" defer></script>
-        <script src="../../../js/search.js?1695761673" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -507,13 +507,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761673"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761673" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761673" defer></script>
-    <script src="../../../js/theme.js?1695761673" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 4c8e86dcee..f2377210b7 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -173,13 +173,13 @@
 <p>T' use formatted parameter, add this 'n yer <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">marrrkup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="35d1c689985e454c2c16d38f9a32f0cb">
+<div class="tab-panel" data-tab-group="2e69043026bfff132b17b2892f1130bf">
   <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('35d1c689985e454c2c16d38f9a32f0cb','configtoml')"
+      onclick="switchTab('2e69043026bfff132b17b2892f1130bf','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -210,8 +210,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index 10e161303e..f20d880ef8 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="9590a0b5afcfa438d07ba11a78f67781">
+<div class="tab-panel" data-tab-group="71af548b78836d81467c64671150d23f">
   <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('9590a0b5afcfa438d07ba11a78f67781','c')"
+      onclick="switchTab('71af548b78836d81467c64671150d23f','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -261,13 +261,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7f7e6a7ca91992788591aaf069aa4cae">
+<div class="tab-panel" data-tab-group="c09399ade1eaf365b3aba2f291bd9082">
   <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('7f7e6a7ca91992788591aaf069aa4cae','code')"
+      onclick="switchTab('c09399ade1eaf365b3aba2f291bd9082','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -292,13 +292,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7a5e161bb6ded8e73c14627fbbb55b68">
+<div class="tab-panel" data-tab-group="0ec2c5c9017c1ad55a43c95efac1c478">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7a5e161bb6ded8e73c14627fbbb55b68','emstrongmixedstrongem')"
+      onclick="switchTab('0ec2c5c9017c1ad55a43c95efac1c478','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -308,7 +308,7 @@
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -346,13 +346,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1850a5498d982fb2d9595c63bfb48d0c">
+<div class="tab-panel" data-tab-group="534d64c9bcfe5a3212adc9b18e161b4c">
   <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('1850a5498d982fb2d9595c63bfb48d0c','just-colored-style')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -362,7 +362,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -372,7 +372,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','default-style-and-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style an' color</span>
@@ -382,7 +382,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -392,7 +392,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -539,12 +539,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -701,13 +701,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 30286e51d5..5f52c64168 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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="9590a0b5afcfa438d07ba11a78f67781">
+<div class="tab-panel" data-tab-group="71af548b78836d81467c64671150d23f">
   <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('9590a0b5afcfa438d07ba11a78f67781','c')"
+      onclick="switchTab('71af548b78836d81467c64671150d23f','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -206,13 +206,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7f7e6a7ca91992788591aaf069aa4cae">
+<div class="tab-panel" data-tab-group="c09399ade1eaf365b3aba2f291bd9082">
   <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('7f7e6a7ca91992788591aaf069aa4cae','code')"
+      onclick="switchTab('c09399ade1eaf365b3aba2f291bd9082','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -237,13 +237,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="7a5e161bb6ded8e73c14627fbbb55b68">
+<div class="tab-panel" data-tab-group="0ec2c5c9017c1ad55a43c95efac1c478">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7a5e161bb6ded8e73c14627fbbb55b68','emstrongmixedstrongem')"
+      onclick="switchTab('0ec2c5c9017c1ad55a43c95efac1c478','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -253,7 +253,7 @@
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -291,13 +291,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">th'</span> <span class="nx">background</span> <span class="nx">t'</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">o'</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">an'</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">th'</span> <span class="nx">chosen</span> <span class="nx">ay'con</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="1850a5498d982fb2d9595c63bfb48d0c">
+<div class="tab-panel" data-tab-group="534d64c9bcfe5a3212adc9b18e161b4c">
   <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('1850a5498d982fb2d9595c63bfb48d0c','just-colored-style')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -307,7 +307,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -317,7 +317,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','default-style-and-color')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style an' color</span>
@@ -327,7 +327,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -337,7 +337,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('1850a5498d982fb2d9595c63bfb48d0c','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('534d64c9bcfe5a3212adc9b18e161b4c','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>
@@ -403,8 +403,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index e4bb41919c..8631be18bf 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="75072bc516a12b70a52664070478f5c2">
+<div class="tab-panel" data-tab-group="33e13a93690d682931e8a43103ed7e7c">
   <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('75072bc516a12b70a52664070478f5c2','py')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -156,7 +156,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','sh')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -166,7 +166,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','c')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -323,13 +323,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="dd1d4fc71a28965f4479bb86f2ecfafb">
+<div class="tab-panel" data-tab-group="d6803afda709958c39d70ba783389b12">
   <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('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-1')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -339,7 +339,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-2')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -349,7 +349,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-b')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -433,9 +433,9 @@
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -463,7 +463,7 @@
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -829,12 +829,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761674" defer></script>
-        <script src="../../../js/search.js?1695761674" defer></script>
+        <script src="../../../js/auto-complete.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103502" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103502" defer></script>
+        <script src="../../../js/search.js?1696103502" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -991,13 +991,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761674"></script>
+          <script async src="../../../js/github-buttons.js?1696103502"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761674" defer></script>
-    <script src="../../../js/theme.js?1695761674" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103502" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103502" defer></script>
+    <script src="../../../js/theme.js?1696103502" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 52ef2e86c5..6e31036c50 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../../js/url.js?1695761675"></script>
-    <script src="../../../js/variant.js?1695761675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../../js/url.js?1696103503"></script>
+    <script src="../../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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="75072bc516a12b70a52664070478f5c2">
+<div class="tab-panel" data-tab-group="33e13a93690d682931e8a43103ed7e7c">
   <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('75072bc516a12b70a52664070478f5c2','py')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -102,7 +102,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','sh')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -112,7 +112,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('75072bc516a12b70a52664070478f5c2','c')"
+      onclick="switchTab('33e13a93690d682931e8a43103ed7e7c','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -269,13 +269,13 @@
 <p>See what happens t' th' tab views while ye select different tabs.</p>
 <p>While press'n a tab o' Group A switches all tab views o' Group A 'n sync (if th' tab be available), th' tabs o' Group B be left untouched.</p>
 
-<div class="tab-panel" data-tab-group="dd1d4fc71a28965f4479bb86f2ecfafb">
+<div class="tab-panel" data-tab-group="d6803afda709958c39d70ba783389b12">
   <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('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-1')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -285,7 +285,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-a-tab-view-2')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -295,7 +295,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dd1d4fc71a28965f4479bb86f2ecfafb','group-b')"
+      onclick="switchTab('d6803afda709958c39d70ba783389b12','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -379,9 +379,9 @@
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -409,7 +409,7 @@
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -694,8 +694,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 0aaec13097..d45968aa25 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 
 <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-896b616f3da4c4271da067b3e1292590" 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-896b616f3da4c4271da067b3e1292590"><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-854850c1ea14b1ac33089d3b812eb20b" 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-854850c1ea14b1ac33089d3b812eb20b"><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-4cf0b87369739f8be454b242f9ff538d" 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-4cf0b87369739f8be454b242f9ff538d"><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-0b806274a73ac8654b8e915754ddb28f" 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-0b806274a73ac8654b8e915754ddb28f"><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-ac2f1c18b9bf1e0af68566d66e871f55" 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-ac2f1c18b9bf1e0af68566d66e871f55"><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-fb548aa9630a458f7715d0a82560fefc" 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-fb548aa9630a458f7715d0a82560fefc"><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">
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../js/search.js?1695761675" defer></script>
+        <script src="../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index 01074fb553..c4c1a17c68 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761675" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761675" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761675" rel="stylesheet">
-    <link href="../../css/print.css?1695761675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761675" rel="stylesheet">
-    <link href="../../css/ie.css?1695761675" rel="stylesheet">
-    <script src="../../js/url.js?1695761675"></script>
-    <script src="../../js/variant.js?1695761675"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103503" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103503" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103503" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103503" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103503" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103503" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103503" rel="stylesheet">
+    <link href="../../css/print.css?1696103503" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103503" rel="stylesheet">
+    <link href="../../css/ie.css?1696103503" rel="stylesheet">
+    <script src="../../js/url.js?1696103503"></script>
+    <script src="../../js/variant.js?1696103503"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
 
 
 <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-896b616f3da4c4271da067b3e1292590" 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-896b616f3da4c4271da067b3e1292590"><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-854850c1ea14b1ac33089d3b812eb20b" 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-854850c1ea14b1ac33089d3b812eb20b"><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-4cf0b87369739f8be454b242f9ff538d" 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-4cf0b87369739f8be454b242f9ff538d"><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-0b806274a73ac8654b8e915754ddb28f" 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-0b806274a73ac8654b8e915754ddb28f"><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-ac2f1c18b9bf1e0af68566d66e871f55" 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-ac2f1c18b9bf1e0af68566d66e871f55"><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-fb548aa9630a458f7715d0a82560fefc" 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-fb548aa9630a458f7715d0a82560fefc"><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">
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103504" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103504" defer></script>
+    <script src="../../js/theme.js?1696103504" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index e0858b1676..d66b1d16ef 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 99277e2569..775fc7ff5d 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index eba5478cc2..19d81b67dd 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 4898209144..e13dd286c3 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -357,13 +357,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/headless/index.html b/pir/tags/headless/index.html
index 828b3e5906..1dffa545d5 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -360,13 +360,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 14d42d6e79..2753de2525 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -365,13 +365,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 09f1c1b245..82c4932640 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../js/search.js?1695761675" defer></script>
+        <script src="../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../js/search.js?1696103503" 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?1695761675"></script>
+          <script async src="../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../js/theme.js?1695761675" defer></script>
+    <script src="../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 7ea9b321b8..74890cca62 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 8a0914567d..be810119e5 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?1695761672" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103501" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761675" defer></script>
-        <script src="../../../js/search.js?1695761675" defer></script>
+        <script src="../../../js/auto-complete.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103503" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103503" defer></script>
+        <script src="../../../js/search.js?1696103503" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -357,13 +357,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761675"></script>
+          <script async src="../../../js/github-buttons.js?1696103503"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761675" defer></script>
-    <script src="../../../js/theme.js?1695761675" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103503" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103503" defer></script>
+    <script src="../../../js/theme.js?1696103503" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 2b60a9811a..dbcc2ad7eb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="./css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="./css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1695761672" rel="stylesheet">
-    <link href="./css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="./css/variant.css?1695761672" rel="stylesheet">
-    <link href="./css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1695761672" rel="stylesheet">
-    <script src="./js/url.js?1695761672"></script>
-    <script src="./js/variant.js?1695761672"></script>
+    <link href="./css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="./css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="./css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1696103501" rel="stylesheet">
+    <link href="./css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="./css/variant.css?1696103501" rel="stylesheet">
+    <link href="./css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1696103501" rel="stylesheet">
+    <script src="./js/url.js?1696103501"></script>
+    <script src="./js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1695761672" defer></script>
-        <script src="./js/lunr/lunr.min.js?1695761672" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1695761672" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1695761672" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1695761672" defer></script>
-        <script src="./js/search.js?1695761672" defer></script>
+        <script src="./js/auto-complete.js?1696103501" defer></script>
+        <script src="./js/lunr/lunr.min.js?1696103501" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1696103501" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1696103501" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1696103501" defer></script>
+        <script src="./js/search.js?1696103501" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -355,13 +355,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1695761672"></script>
+          <script async src="./js/github-buttons.js?1696103501"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1695761672" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="./js/theme.js?1695761672" defer></script>
+    <script src="./js/clipboard.min.js?1696103501" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="./js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 338b897574..38e0e53beb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -480,12 +480,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -642,13 +642,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index f463e6c90a..1c6f212c1d 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -337,8 +337,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 94650bd98c..32f640c0cc 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -419,12 +419,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -581,13 +581,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 3f2ea9f80c..80c8729c1c 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 18d8de7414..56a8dc2d91 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -559,12 +559,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 1f1456583c..d7081fb996 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +422,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" 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 9deb0b36cd..9a71fabbdb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696103500" 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 df38614abe..01f57aa377 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../../../../js/theme.js?1696103501" 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 5ee4766c73..6a7c165875 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103500" 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 43fd9230f9..b24dd459f1 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,8 +124,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../../../js/theme.js?1696103501" 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 9fc81c390d..81063083f4 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/theme.js?1696103500" 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 c2573e4db7..16666eba86 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,8 +107,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/theme.js?1696103501" 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 ac1058836e..fe3c28c76b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../js/theme.js?1696103500" 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 dff03ecf37..e01960d969 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../js/theme.js?1696103501" 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 2869674c1c..d1693f671e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/theme.js?1696103500" 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 a7904970fd..bbdd0c0d23 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/theme.js?1696103501" 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 9699cc991a..e166fda3c3 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../../js/theme.js?1696103500" 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 6b80b3fb98..54306398df 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../../js/theme.js?1696103501" 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 0108afdfab..77622f3735 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761670"></script>
-    <script src="../../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103499"></script>
+    <script src="../../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../../js/theme.js?1696103500" 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 d0e8fd2192..ed8b1a50cc 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../../js/url.js?1695761672"></script>
-    <script src="../../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../../js/url.js?1696103501"></script>
+    <script src="../../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../../js/theme.js?1696103501" 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 80931ddc04..a9ebebec58 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761670"></script>
-    <script src="../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103499"></script>
+    <script src="../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../../js/search.js?1695761671" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../js/theme.js?1696103500" 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 74aec60f9c..5d87695fbe 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 72b5de5462..40a317afcc 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../js/url.js?1695761670"></script>
-    <script src="../../../js/variant.js?1695761670"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../js/url.js?1696103499"></script>
+    <script src="../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../js/search.js?1695761671" defer></script>
+        <script src="../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index fd2145e2d5..75fcc0deeb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 94dbb4da7c..95db08e61f 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../js/url.js?1695761670"></script>
-    <script src="../../../js/variant.js?1695761670"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../js/url.js?1696103499"></script>
+    <script src="../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../js/search.js?1695761671" defer></script>
+        <script src="../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 4e054916c7..bcb6c0c88a 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index cf70a8de58..d1528ff02d 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../js/url.js?1695761670"></script>
-    <script src="../../../js/variant.js?1695761670"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../js/url.js?1696103499"></script>
+    <script src="../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../js/search.js?1695761671" defer></script>
+        <script src="../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 7ba478f974..117c81af6e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,8 +121,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index c04df23e6b..d5fadb84ee 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761670"></script>
-    <script src="../../../../js/variant.js?1695761670"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103499"></script>
+    <script src="../../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761670" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../../../js/search.js?1695761670" defer></script>
+        <script src="../../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../../js/search.js?1696103500" 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?1695761670"></script>
+          <script async src="../../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../../../js/theme.js?1695761670" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../../js/theme.js?1696103500" 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 260238df80..6448eed661 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../../js/url.js?1695761672"></script>
-    <script src="../../../../js/variant.js?1695761672"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../../js/url.js?1696103501"></script>
+    <script src="../../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index fdf40d3d4f..60d5ba7212 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../js/url.js?1695761670"></script>
-    <script src="../../../js/variant.js?1695761670"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../js/url.js?1696103499"></script>
+    <script src="../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../../js/search.js?1695761671" defer></script>
+        <script src="../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -378,13 +378,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../../js/theme.js?1695761671" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index bfe1f021f5..7d7b7a151c 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 645702bcba..1c4edb3dca 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -584,13 +584,13 @@ So its content is used as description.</p>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index b5138354ff..fd488be9fa 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -479,8 +479,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 1ba1d5f3f7..fe68d039b3 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../../js/url.js?1695761670"></script>
-    <script src="../../../js/variant.js?1695761670"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../../js/url.js?1696103499"></script>
+    <script src="../../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761670" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../../js/search.js?1695761670" defer></script>
+        <script src="../../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -378,13 +378,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../../js/theme.js?1695761670" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 79fbb7bade..b7fa72f4ed 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../../js/url.js?1695761672"></script>
-    <script src="../../../js/variant.js?1695761672"></script>
+    <link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../../js/url.js?1696103501"></script>
+    <script src="../../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../../js/theme.js?1695761672" defer></script>
+    <script src="../../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 55fe2f8d62..fa10637da0 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +139,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-eef32a1cc13b474e1b85263a341178e3" aria-controls="expandcontent-eef32a1cc13b474e1b85263a341178e3" >
-    <label class="expand-label" for="R-expand-eef32a1cc13b474e1b85263a341178e3" >
+    <input type="checkbox" id="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" aria-controls="expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" >
+    <label class="expand-label" for="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-eef32a1cc13b474e1b85263a341178e3" class="expand-content">
+    <div id="R-expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" 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>
@@ -272,26 +272,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-5a186006781751b2ebb087490111ae1d" aria-controls="expandcontent-5a186006781751b2ebb087490111ae1d" >
-    <label class="expand-label" for="R-expand-5a186006781751b2ebb087490111ae1d" >
+    <input type="checkbox" id="R-expand-2534f63dd55e2101d773cc678d584b2b" aria-controls="expandcontent-2534f63dd55e2101d773cc678d584b2b" >
+    <label class="expand-label" for="R-expand-2534f63dd55e2101d773cc678d584b2b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-5a186006781751b2ebb087490111ae1d" class="expand-content">
+    <div id="R-expandcontent-2534f63dd55e2101d773cc678d584b2b" 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-1b9ff784deef635c2fbec592e8497cac" aria-controls="expandcontent-1b9ff784deef635c2fbec592e8497cac"  checked>
-    <label class="expand-label" for="R-expand-1b9ff784deef635c2fbec592e8497cac" >
+    <input type="checkbox" id="R-expand-9d0f9b7d04253d4794c308d6920af586" aria-controls="expandcontent-9d0f9b7d04253d4794c308d6920af586"  checked>
+    <label class="expand-label" for="R-expand-9d0f9b7d04253d4794c308d6920af586" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-1b9ff784deef635c2fbec592e8497cac" class="expand-content">
+    <div id="R-expandcontent-9d0f9b7d04253d4794c308d6920af586" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -312,13 +312,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-ec19de38e06bb8641231078737f93511" aria-controls="expandcontent-ec19de38e06bb8641231078737f93511" >
-    <label class="expand-label" for="R-expand-ec19de38e06bb8641231078737f93511" >
+    <input type="checkbox" id="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" aria-controls="expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" >
+    <label class="expand-label" for="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" >
         <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-ec19de38e06bb8641231078737f93511" class="expand-content">
+    <div id="R-expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -423,12 +423,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -585,13 +585,13 @@ No need to press you!</div>
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 4012281012..f9b66ba36b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="R-expand-eef32a1cc13b474e1b85263a341178e3" aria-controls="expandcontent-eef32a1cc13b474e1b85263a341178e3" >
-    <label class="expand-label" for="R-expand-eef32a1cc13b474e1b85263a341178e3" >
+    <input type="checkbox" id="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" aria-controls="expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" >
+    <label class="expand-label" for="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-eef32a1cc13b474e1b85263a341178e3" class="expand-content">
+    <div id="R-expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" 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>
@@ -217,26 +217,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-5a186006781751b2ebb087490111ae1d" aria-controls="expandcontent-5a186006781751b2ebb087490111ae1d" >
-    <label class="expand-label" for="R-expand-5a186006781751b2ebb087490111ae1d" >
+    <input type="checkbox" id="R-expand-2534f63dd55e2101d773cc678d584b2b" aria-controls="expandcontent-2534f63dd55e2101d773cc678d584b2b" >
+    <label class="expand-label" for="R-expand-2534f63dd55e2101d773cc678d584b2b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-5a186006781751b2ebb087490111ae1d" class="expand-content">
+    <div id="R-expandcontent-2534f63dd55e2101d773cc678d584b2b" 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-1b9ff784deef635c2fbec592e8497cac" aria-controls="expandcontent-1b9ff784deef635c2fbec592e8497cac"  checked>
-    <label class="expand-label" for="R-expand-1b9ff784deef635c2fbec592e8497cac" >
+    <input type="checkbox" id="R-expand-9d0f9b7d04253d4794c308d6920af586" aria-controls="expandcontent-9d0f9b7d04253d4794c308d6920af586"  checked>
+    <label class="expand-label" for="R-expand-9d0f9b7d04253d4794c308d6920af586" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-1b9ff784deef635c2fbec592e8497cac" class="expand-content">
+    <div id="R-expandcontent-9d0f9b7d04253d4794c308d6920af586" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -257,13 +257,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-ec19de38e06bb8641231078737f93511" aria-controls="expandcontent-ec19de38e06bb8641231078737f93511" >
-    <label class="expand-label" for="R-expand-ec19de38e06bb8641231078737f93511" >
+    <input type="checkbox" id="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" aria-controls="expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" >
+    <label class="expand-label" for="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" >
         <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-ec19de38e06bb8641231078737f93511" class="expand-content">
+    <div id="R-expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -287,8 +287,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index a882a2a46a..0cf9665eae 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -146,13 +146,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3d61f19cbc00a80d86fe4ded60821aa4">
+<div class="tab-panel" data-tab-group="1648bb87f79ffe4816622c22956c0e67">
   <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('3d61f19cbc00a80d86fe4ded60821aa4','python')"
+      onclick="switchTab('1648bb87f79ffe4816622c22956c0e67','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -375,13 +375,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="6e29fa8eede16c157a442a66d957b8ef">
+<div class="tab-panel" data-tab-group="d6bb6683b206bccbbbf3abca244b7bd0">
   <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('6e29fa8eede16c157a442a66d957b8ef','python')"
+      onclick="switchTab('d6bb6683b206bccbbbf3abca244b7bd0','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -505,12 +505,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -667,13 +667,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 53a45e204a..f40f9dd0eb 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,13 +84,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3d61f19cbc00a80d86fe4ded60821aa4">
+<div class="tab-panel" data-tab-group="1648bb87f79ffe4816622c22956c0e67">
   <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('3d61f19cbc00a80d86fe4ded60821aa4','python')"
+      onclick="switchTab('1648bb87f79ffe4816622c22956c0e67','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -313,13 +313,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="6e29fa8eede16c157a442a66d957b8ef">
+<div class="tab-panel" data-tab-group="d6bb6683b206bccbbbf3abca244b7bd0">
   <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('6e29fa8eede16c157a442a66d957b8ef','python')"
+      onclick="switchTab('d6bb6683b206bccbbbf3abca244b7bd0','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -362,8 +362,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index aacb841188..103a5e07e2 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -346,12 +346,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -508,13 +508,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 7ff25d91eb..3344626993 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 8b058d3947..c6daa5dbe6 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -336,12 +336,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -498,13 +498,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index fc1dbc84e2..9d1029f743 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,8 +202,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 3c772bb775..3ae4a2206b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -224,12 +224,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 778ed18e27..a2f911b3fd 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -74,8 +74,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 0d4ab85ec8..b81a557b2c 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 71fa3394b9..b3fae817b0 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1325,13 +1325,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-eef32a1cc13b474e1b85263a341178e3" aria-controls="expandcontent-eef32a1cc13b474e1b85263a341178e3" >
-    <label class="expand-label" for="R-expand-eef32a1cc13b474e1b85263a341178e3" >
+    <input type="checkbox" id="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" aria-controls="expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" >
+    <label class="expand-label" for="R-expand-d48b1ba2681e2b722e96e478b9dc1dba" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-eef32a1cc13b474e1b85263a341178e3" class="expand-content">
+    <div id="R-expandcontent-d48b1ba2681e2b722e96e478b9dc1dba" 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>
@@ -1458,26 +1458,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-5a186006781751b2ebb087490111ae1d" aria-controls="expandcontent-5a186006781751b2ebb087490111ae1d" >
-    <label class="expand-label" for="R-expand-5a186006781751b2ebb087490111ae1d" >
+    <input type="checkbox" id="R-expand-2534f63dd55e2101d773cc678d584b2b" aria-controls="expandcontent-2534f63dd55e2101d773cc678d584b2b" >
+    <label class="expand-label" for="R-expand-2534f63dd55e2101d773cc678d584b2b" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-5a186006781751b2ebb087490111ae1d" class="expand-content">
+    <div id="R-expandcontent-2534f63dd55e2101d773cc678d584b2b" 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-1b9ff784deef635c2fbec592e8497cac" aria-controls="expandcontent-1b9ff784deef635c2fbec592e8497cac"  checked>
-    <label class="expand-label" for="R-expand-1b9ff784deef635c2fbec592e8497cac" >
+    <input type="checkbox" id="R-expand-9d0f9b7d04253d4794c308d6920af586" aria-controls="expandcontent-9d0f9b7d04253d4794c308d6920af586"  checked>
+    <label class="expand-label" for="R-expand-9d0f9b7d04253d4794c308d6920af586" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="R-expandcontent-1b9ff784deef635c2fbec592e8497cac" class="expand-content">
+    <div id="R-expandcontent-9d0f9b7d04253d4794c308d6920af586" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1498,13 +1498,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-ec19de38e06bb8641231078737f93511" aria-controls="expandcontent-ec19de38e06bb8641231078737f93511" >
-    <label class="expand-label" for="R-expand-ec19de38e06bb8641231078737f93511" >
+    <input type="checkbox" id="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" aria-controls="expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" >
+    <label class="expand-label" for="R-expand-ecc961111c8c4a07109a01d1b67fbd3e" >
         <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-ec19de38e06bb8641231078737f93511" class="expand-content">
+    <div id="R-expandcontent-ecc961111c8c4a07109a01d1b67fbd3e" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1533,13 +1533,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="3d61f19cbc00a80d86fe4ded60821aa4">
+<div class="tab-panel" data-tab-group="1648bb87f79ffe4816622c22956c0e67">
   <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('3d61f19cbc00a80d86fe4ded60821aa4','python')"
+      onclick="switchTab('1648bb87f79ffe4816622c22956c0e67','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -1762,13 +1762,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="6e29fa8eede16c157a442a66d957b8ef">
+<div class="tab-panel" data-tab-group="d6bb6683b206bccbbbf3abca244b7bd0">
   <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('6e29fa8eede16c157a442a66d957b8ef','python')"
+      onclick="switchTab('d6bb6683b206bccbbbf3abca244b7bd0','python')"
     >
       <span>
         <span class="tab-nav-hidden">python</span>
@@ -2242,11 +2242,11 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
 
 <p>The <code>mermaid</code> shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the <a href="https://mermaidjs.github.io/" target="_blank">Mermaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -2405,7 +2405,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -2414,7 +2414,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram with Configuration Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -2428,7 +2428,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">you</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how are you?
@@ -2439,7 +2439,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about you?
     Bob--&gt;&gt;John: Jolly good!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram with Codefence Syntax</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -2464,7 +2464,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -2484,7 +2484,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -2495,7 +2495,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -2504,7 +2504,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model with Non-Default Mermaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -2518,7 +2518,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -2529,7 +2529,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -2542,7 +2542,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My working day
     section Go to work
@@ -2552,7 +2552,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -2571,7 +2571,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">for</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Adding GANTT diagram functionality to Mermaid
@@ -2587,7 +2587,7 @@ gantt
         Future task in critical line        :crit, 5d
         Create tests for renderer           :2d
         Add to Mermaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -2595,12 +2595,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -2618,7 +2618,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach and engagement of campaigns
     x-axis Low Reach --&gt; High Reach
@@ -2633,7 +2633,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -2651,7 +2651,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -2666,7 +2666,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -2681,7 +2681,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -2693,7 +2693,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -2739,7 +2739,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram for Internet Banking System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -2782,7 +2782,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -2803,7 +2803,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">and</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Mermaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -2821,7 +2821,7 @@ mindmap
     Tools
       Pen and paper
       Mermaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -2832,7 +2832,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History of Social Media Platform
     2002 : LinkedIn
@@ -2840,7 +2840,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -2850,14 +2850,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heating</span> <span class="nx">and</span> <span class="nx">cooling</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
             <footer class="footline">
 
@@ -3307,7 +3307,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-fa2db566881fdf376f8de85ec3b79eeb"
+    id="R-openapi-70d3d7e9f035341861a2ee3792a113d3"
     data-openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3413,13 +3413,13 @@ Electricity grid,H2 conversion,27.14
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c134c399b29bb848cba1736521a69198">
+<div class="tab-panel" data-tab-group="2c8726a6462943ad8bed27db162f96b8">
   <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('c134c399b29bb848cba1736521a69198','configtoml')"
+      onclick="switchTab('2c8726a6462943ad8bed27db162f96b8','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -3455,13 +3455,13 @@ Electricity grid,H2 conversion,27.14
 <p>This is especially useful if you want to flag your code example with an explicit language.</p>
 <p>If you want multiple tabs grouped together you can wrap your tabs into the <a href="../shortcodes/tabs/"><code>tabs</code> shortcode</a>.</p>
 
-<div class="tab-panel" data-tab-group="7f8f4c419506d082e09c65a98e7b4ae1">
+<div class="tab-panel" data-tab-group="07bba17d55f111a0abe44bfb64817ff7">
   <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('7f8f4c419506d082e09c65a98e7b4ae1','c')"
+      onclick="switchTab('07bba17d55f111a0abe44bfb64817ff7','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -3575,13 +3575,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2b90958d8754ac17acd77edb03b47aba">
+<div class="tab-panel" data-tab-group="6be6cd012ee58037e5afc0353edfdd32">
   <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('2b90958d8754ac17acd77edb03b47aba','code')"
+      onclick="switchTab('6be6cd012ee58037e5afc0353edfdd32','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -3606,13 +3606,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="f6c5f27345dd32e98e78a8cd4c5eb7c5">
+<div class="tab-panel" data-tab-group="c29bafc86633e0134b120402ca838ce4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f6c5f27345dd32e98e78a8cd4c5eb7c5','emstrongmixedstrongem')"
+      onclick="switchTab('c29bafc86633e0134b120402ca838ce4','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -3622,7 +3622,7 @@ Electricity grid,H2 conversion,27.14
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -3660,13 +3660,13 @@ Electricity grid,H2 conversion,27.14
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0c5699459ddfd7114141a06319dbc344">
+<div class="tab-panel" data-tab-group="8888beb7b91619f87f6827c31a2cd9f3">
   <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('0c5699459ddfd7114141a06319dbc344','just-colored-style')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -3676,7 +3676,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -3686,7 +3686,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','default-style-and-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style and color</span>
@@ -3696,7 +3696,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -3706,7 +3706,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -3777,13 +3777,13 @@ Electricity grid,H2 conversion,27.14
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="dbe972793e475ac15f83fa3fba475ed7">
+<div class="tab-panel" data-tab-group="a4eab59040976554be4642471aca5cf1">
   <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('dbe972793e475ac15f83fa3fba475ed7','py')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -3793,7 +3793,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','sh')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -3803,7 +3803,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','c')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -3960,13 +3960,13 @@ Electricity grid,H2 conversion,27.14
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="2d9a4a387733feaafcda3331682a6d52">
+<div class="tab-panel" data-tab-group="9ac863a5a140ba7d0a526630ae0c2737">
   <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('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-1')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -3976,7 +3976,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-2')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -3986,7 +3986,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-b')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -4070,9 +4070,9 @@ Electricity grid,H2 conversion,27.14
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -4100,7 +4100,7 @@ Electricity grid,H2 conversion,27.14
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -4385,8 +4385,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761672" defer></script>
+    <script src="../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103501" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4415,27 +4415,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1695761672"></script>
-    <script src="../js/d3/d3-color.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1695761672" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1695761672" defer></script>
-    <script src="../js/js-yaml.min.js?1695761672" defer></script>
-    <script src="../js/mermaid.min.js?1695761672" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1696103501"></script>
+    <script src="../js/d3/d3-color.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1696103501" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1696103501" defer></script>
+    <script src="../js/js-yaml.min.js?1696103501" defer></script>
+    <script src="../js/mermaid.min.js?1696103501" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1695761672" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1695761672" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1696103501" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1696103501" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761672", assetsBuster:  1695761672  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103501", assetsBuster:  1696103501  };
     </script>
-    <script src="../js/theme.js?1695761672" defer></script>
+    <script src="../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index c878902a68..ad96a60f00 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -396,12 +396,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -558,13 +558,13 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -593,7 +593,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?1695761670"></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696103500"></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index d427626fe7..e0cbab2c99 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -253,8 +253,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -283,7 +283,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?1695761672"></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1696103501"></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 8f1c9213df..3477c6e642 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +156,11 @@
 
 <p>The <code>mermaid</code> shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the <a href="https://mermaidjs.github.io/" target="_blank">Mermaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -319,7 +319,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -328,7 +328,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram with Configuration Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -342,7 +342,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">you</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how are you?
@@ -353,7 +353,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about you?
     Bob--&gt;&gt;John: Jolly good!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram with Codefence Syntax</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -378,7 +378,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -398,7 +398,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -409,7 +409,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -418,7 +418,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model with Non-Default Mermaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -432,7 +432,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -443,7 +443,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -456,7 +456,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My working day
     section Go to work
@@ -466,7 +466,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -485,7 +485,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">for</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Adding GANTT diagram functionality to Mermaid
@@ -501,7 +501,7 @@ gantt
         Future task in critical line        :crit, 5d
         Create tests for renderer           :2d
         Add to Mermaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -509,12 +509,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -532,7 +532,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach and engagement of campaigns
     x-axis Low Reach --&gt; High Reach
@@ -547,7 +547,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -565,7 +565,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -580,7 +580,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -595,7 +595,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -607,7 +607,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -653,7 +653,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram for Internet Banking System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -696,7 +696,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -717,7 +717,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">and</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Mermaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -735,7 +735,7 @@ mindmap
     Tools
       Pen and paper
       Mermaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -746,7 +746,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History of Social Media Platform
     2002 : LinkedIn
@@ -754,7 +754,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -764,14 +764,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heating</span> <span class="nx">and</span> <span class="nx">cooling</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
             <footer class="footline">
 
@@ -862,12 +862,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -1024,27 +1024,27 @@ Electricity grid,H2 conversion,27.14
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761670" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761670" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761670" defer></script>
-    <script src="../../js/mermaid.min.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103500" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103500" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103500" defer></script>
+    <script src="../../js/mermaid.min.js?1696103500" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 51fb2fdd7e..c40f021bce 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,11 +83,11 @@
 
 <p>The <code>mermaid</code> shortcode generates diagrams and flowcharts from text, in a similar manner as Markdown using the <a href="https://mermaidjs.github.io/" target="_blank">Mermaid</a> library.</p>
 
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 graph LR;
     If --&gt; Then
     Then --&gt; Else
-</div>
+</pre>
 
 <div class="box notices cstyle note">
   <div class="box-label"><i class="fa-fw fas fa-exclamation-circle"></i> Note</div>
@@ -246,7 +246,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">One</span><span class="p">|</span> <span class="nx">D</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">one</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">C</span> <span class="o">--</span><span class="p">&gt;|</span><span class="nx">Two</span><span class="p">|</span> <span class="nx">E</span><span class="p">[</span><span class="nx">Result</span> <span class="nx">two</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 ---
 title: Example Diagram
 ---
@@ -255,7 +255,7 @@ graph LR;
     B --&gt; C{&lt;strong&gt;Decision&lt;/strong&gt;}
     C --&gt;|One| D[Result one]
     C --&gt;|Two| E[Result two]
-</div>
+</pre>
 <h3 id="sequence-diagram-with-configuration-directive">Sequence Diagram with Configuration Directive</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;fontFamily&#34;</span><span class="p">:</span><span class="s">&#34;monospace&#34;</span><span class="p">,</span> <span class="s">&#34;sequence&#34;</span><span class="p">:{</span><span class="s">&#34;showSequenceNumbers&#34;</span><span class="p">:</span><span class="kc">true</span><span class="p">}}}</span><span class="o">%%</span>
@@ -269,7 +269,7 @@ graph LR;
 </span></span><span class="line"><span class="cl">    <span class="nx">John</span><span class="o">-&gt;&gt;</span><span class="nx">Bob</span><span class="p">:</span> <span class="nx">How</span> <span class="nx">about</span> <span class="nx">you</span><span class="err">?</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Bob</span><span class="o">--&gt;&gt;</span><span class="nx">John</span><span class="p">:</span> <span class="nx">Jolly</span> <span class="nx">good</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;fontFamily&#34;:&#34;monospace&#34;, &#34;sequence&#34;:{&#34;showSequenceNumbers&#34;:true}}}%%
 sequenceDiagram
     Alice-&gt;&gt;John: Hello John, how are you?
@@ -280,7 +280,7 @@ sequenceDiagram
     John--&gt;&gt;Alice: Great!
     John-&gt;&gt;Bob: How about you?
     Bob--&gt;&gt;John: Jolly good!
-</div>
+</pre>
 <h3 id="class-diagram-with-codefence-syntax">Class Diagram with Codefence Syntax</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="s">```mermaid
 </span></span></span><span class="line"><span class="cl"><span class="s">classDiagram
@@ -305,7 +305,7 @@ sequenceDiagram
 </span></span></span><span class="line"><span class="cl"><span class="s">      +run()
 </span></span></span><span class="line"><span class="cl"><span class="s">    }
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">classDiagram
+<pre class="mermaid align-center zoom">classDiagram
     Animal &lt;|-- Duck
     Animal &lt;|-- Fish
     Animal &lt;|-- Zebra
@@ -325,7 +325,7 @@ sequenceDiagram
     class Zebra{
       &#43;bool is_wild
       &#43;run()
-    }</div><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</h3>
+    }</pre><h3 id="state-diagram-aligned-to-the-right">State Diagram Aligned to the Right</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">align</span><span class="p">=</span><span class="s">&#34;right&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">stateDiagram</span><span class="o">-</span><span class="nx">v2</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span> <span class="nx">Door</span>
@@ -336,7 +336,7 @@ sequenceDiagram
 </span></span><span class="line"><span class="cl">    <span class="nx">locked</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">closed</span><span class="p">:</span> <span class="nx">Unlock</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">closed</span> <span class="o">--</span><span class="p">&gt;</span> <span class="nx">open</span><span class="p">:</span> <span class="nx">Open</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-right zoom">
+<pre class="mermaid align-right zoom">
 stateDiagram-v2
   open: Open Door
   closed: Closed Door
@@ -345,7 +345,7 @@ stateDiagram-v2
   closed --&gt; locked: Lock
   locked --&gt; closed: Unlock
   closed --&gt; open: Open
-</div>
+</pre>
 <h3 id="entity-relationship-model-with-non-default-mermaid-theme">Entity Relationship Model with Non-Default Mermaid Theme</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="o">%%</span><span class="p">{</span><span class="nx">init</span><span class="p">:{</span><span class="s">&#34;theme&#34;</span><span class="p">:</span><span class="s">&#34;forest&#34;</span><span class="p">}}</span><span class="o">%%</span>
@@ -359,7 +359,7 @@ stateDiagram-v2
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span><span class="o">-</span><span class="nx">CATEGORY</span> <span class="o">||--</span><span class="p">|{</span> <span class="nx">PRODUCT</span> <span class="p">:</span> <span class="nx">contains</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">PRODUCT</span> <span class="o">||--</span><span class="nx">o</span><span class="p">{</span> <span class="nx">ORDER</span><span class="o">-</span><span class="nx">ITEM</span> <span class="p">:</span> <span class="s">&#34;ordered in&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 %%{init:{&#34;theme&#34;:&#34;forest&#34;}}%%
 erDiagram
     CUSTOMER }|..|{ DELIVERY-ADDRESS : has
@@ -370,7 +370,7 @@ erDiagram
     ORDER ||--|{ ORDER-ITEM : includes
     PRODUCT-CATEGORY ||--|{ PRODUCT : contains
     PRODUCT ||--o{ ORDER-ITEM : &#34;ordered in&#34;
-</div>
+</pre>
 <h3 id="user-journey">User Journey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">journey</span>
@@ -383,7 +383,7 @@ erDiagram
 </span></span><span class="line"><span class="cl">      <span class="nx">Go</span> <span class="nx">downstairs</span><span class="p">:</span> <span class="mi">5</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Sit</span> <span class="nx">down</span><span class="p">:</span> <span class="mi">3</span><span class="p">:</span> <span class="nx">Me</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 journey
     title My working day
     section Go to work
@@ -393,7 +393,7 @@ journey
     section Go home
       Go downstairs: 5: Me
       Sit down: 3: Me
-</div>
+</pre>
 <h3 id="gantt-chart">GANTT Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gantt</span>
@@ -412,7 +412,7 @@ journey
 </span></span><span class="line"><span class="cl">        <span class="nx">Create</span> <span class="nx">tests</span> <span class="k">for</span> <span class="nx">renderer</span>           <span class="p">:</span><span class="mi">2</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl">        <span class="nx">Add</span> <span class="nx">to</span> <span class="nx">Mermaid</span>                      <span class="p">:</span><span class="mi">1</span><span class="nx">d</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gantt
         dateFormat  YYYY-MM-DD
         title Adding GANTT diagram functionality to Mermaid
@@ -428,7 +428,7 @@ gantt
         Future task in critical line        :crit, 5d
         Create tests for renderer           :2d
         Add to Mermaid                      :1d
-</div>
+</pre>
 <h3 id="pie-chart-without-zoom">Pie Chart without Zoom</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="nx">zoom</span><span class="p">=</span><span class="s">&#34;false&#34;</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -436,12 +436,12 @@ gantt
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Cats&#34;</span> <span class="p">:</span> <span class="mi">85</span>
 </span></span><span class="line"><span class="cl">    <span class="s">&#34;Rats&#34;</span> <span class="p">:</span> <span class="mi">15</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center">
+<pre class="mermaid align-center">
 pie title Pets adopted by volunteers
     &#34;Dogs&#34; : 386
     &#34;Cats&#34; : 85
     &#34;Rats&#34; : 15
-</div>
+</pre>
 <h3 id="quadrant-chart">Quadrant Chart</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">pie</span> <span class="nx">title</span> <span class="nx">Pets</span> <span class="nx">adopted</span> <span class="nx">by</span> <span class="nx">volunteers</span>
@@ -459,7 +459,7 @@ pie title Pets adopted by volunteers
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">E</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.40</span><span class="p">,</span> <span class="mf">0.34</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">Campaign</span> <span class="nx">F</span><span class="p">:</span> <span class="p">[</span><span class="mf">0.35</span><span class="p">,</span> <span class="mf">0.78</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 quadrantChart
     title Reach and engagement of campaigns
     x-axis Low Reach --&gt; High Reach
@@ -474,7 +474,7 @@ quadrantChart
     Campaign D: [0.78, 0.34]
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
-</div>
+</pre>
 <h3 id="requirement-diagram">Requirement Diagram</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">requirementDiagram</span>
@@ -492,7 +492,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nx">test_entity</span> <span class="o">-</span> <span class="nx">satisfies</span> <span class="o">-</span><span class="p">&gt;</span> <span class="nx">test_req</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
     requirementDiagram
 
     requirement test_req {
@@ -507,7 +507,7 @@ quadrantChart
     }
 
     test_entity - satisfies -&gt; test_req
-</div>
+</pre>
 <h3 id="git-graph">Git Graph</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">gitGraph</span>
@@ -522,7 +522,7 @@ quadrantChart
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">commit</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 gitGraph
     commit
     commit
@@ -534,7 +534,7 @@ gitGraph
     merge develop
     commit
     commit
-</div>
+</pre>
 <h3 id="c4-diagrams">C4 Diagrams</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">C4Context</span>
@@ -580,7 +580,7 @@ gitGraph
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">    <span class="nf">UpdateLayoutConfig</span><span class="p">(</span><span class="err">$</span><span class="nx">c4ShapeInRow</span><span class="p">=</span><span class="s">&#34;3&#34;</span><span class="p">,</span> <span class="err">$</span><span class="nx">c4BoundaryInRow</span><span class="p">=</span><span class="s">&#34;1&#34;</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">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 C4Context
     title System Context diagram for Internet Banking System
     Enterprise_Boundary(b0, &#34;BankBoundary0&#34;) {
@@ -623,7 +623,7 @@ C4Context
     UpdateRelStyle(SystemC, customerA, $textColor=&#34;red&#34;, $lineColor=&#34;red&#34;, $offsetX=&#34;-50&#34;, $offsetY=&#34;20&#34;)
 
     UpdateLayoutConfig($c4ShapeInRow=&#34;3&#34;, $c4BoundaryInRow=&#34;1&#34;)
-</div>
+</pre>
 <h3 id="mindmaps">Mindmaps</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">mindmap</span>
@@ -644,7 +644,7 @@ C4Context
 </span></span><span class="line"><span class="cl">      <span class="nx">Pen</span> <span class="nx">and</span> <span class="nx">paper</span>
 </span></span><span class="line"><span class="cl">      <span class="nx">Mermaid</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 mindmap
   root((mindmap))
     Origins
@@ -662,7 +662,7 @@ mindmap
     Tools
       Pen and paper
       Mermaid
-</div>
+</pre>
 <h3 id="timeline">Timeline</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">timeline</span>
@@ -673,7 +673,7 @@ mindmap
 </span></span><span class="line"><span class="cl">    <span class="mi">2005</span> <span class="p">:</span> <span class="nx">Youtube</span>
 </span></span><span class="line"><span class="cl">    <span class="mi">2006</span> <span class="p">:</span> <span class="nx">Twitter</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 timeline
     title History of Social Media Platform
     2002 : LinkedIn
@@ -681,7 +681,7 @@ timeline
          : Google
     2005 : Youtube
     2006 : Twitter
-</div>
+</pre>
 <h3 id="sankey">Sankey</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">{{&lt;</span> <span class="nx">mermaid</span> <span class="p">&gt;}}</span>
 </span></span><span class="line"><span class="cl"><span class="nx">sankey</span><span class="o">-</span><span class="nx">beta</span>
@@ -691,14 +691,14 @@ timeline
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">Heating</span> <span class="nx">and</span> <span class="nx">cooling</span> <span class="o">-</span> <span class="nx">homes</span><span class="p">,</span><span class="mf">113.726</span>
 </span></span><span class="line"><span class="cl"><span class="nx">Electricity</span> <span class="nx">grid</span><span class="p">,</span><span class="nx">H2</span> <span class="nx">conversion</span><span class="p">,</span><span class="mf">27.14</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">mermaid</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="mermaid align-center zoom">
+<pre class="mermaid align-center zoom">
 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
-</div>
+</pre>
 
             <footer class="footline">
 
@@ -708,22 +708,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1695761672" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1695761672" defer></script>
-    <script src="../../js/js-yaml.min.js?1695761672" defer></script>
-    <script src="../../js/mermaid.min.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1696103501" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1696103501" defer></script>
+    <script src="../../js/js-yaml.min.js?1696103501" defer></script>
+    <script src="../../js/mermaid.min.js?1696103501" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index f950388516..0f32200f6f 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -567,12 +567,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -729,13 +729,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 9459fef066..b714a6689d 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -429,8 +429,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index ddc572f211..7b0885c835 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +222,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-fa2db566881fdf376f8de85ec3b79eeb"
+    id="R-openapi-70d3d7e9f035341861a2ee3792a113d3"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -316,12 +316,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -478,19 +478,19 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1695761671" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1695761671" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696103500" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696103500" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761671", assetsBuster:  1695761671  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103500", assetsBuster:  1696103500  };
     </script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 109f51600c..51013cf5d9 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -169,7 +169,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="R-openapi-fa2db566881fdf376f8de85ec3b79eeb"
+    id="R-openapi-70d3d7e9f035341861a2ee3792a113d3"
     data-openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -182,14 +182,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1695761672" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1695761672" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1696103501" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1696103501" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1695761672", assetsBuster:  1695761672  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1696103501", assetsBuster:  1696103501  };
     </script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index d87b40a948..d1ab57c4cd 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,13 +226,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c134c399b29bb848cba1736521a69198">
+<div class="tab-panel" data-tab-group="2c8726a6462943ad8bed27db162f96b8">
   <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('c134c399b29bb848cba1736521a69198','configtoml')"
+      onclick="switchTab('2c8726a6462943ad8bed27db162f96b8','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -343,12 +343,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -505,13 +505,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index af2fbada07..5ed124b08b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +172,13 @@
 <p>To use formatted parameter, add this in your <code>config.toml</code>:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">markup</span><span class="p">.</span><span class="nx">goldmark</span><span class="p">.</span><span class="nx">renderer</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">    <span class="nx">unsafe</span> <span class="p">=</span> <span class="kc">true</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c134c399b29bb848cba1736521a69198">
+<div class="tab-panel" data-tab-group="2c8726a6462943ad8bed27db162f96b8">
   <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('c134c399b29bb848cba1736521a69198','configtoml')"
+      onclick="switchTab('2c8726a6462943ad8bed27db162f96b8','configtoml')"
     >
       <span>
         <span class="tab-nav-hidden">config.toml</span>
@@ -208,8 +208,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 08a466389b..3631270111 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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>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="7f8f4c419506d082e09c65a98e7b4ae1">
+<div class="tab-panel" data-tab-group="07bba17d55f111a0abe44bfb64817ff7">
   <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('7f8f4c419506d082e09c65a98e7b4ae1','c')"
+      onclick="switchTab('07bba17d55f111a0abe44bfb64817ff7','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -260,13 +260,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2b90958d8754ac17acd77edb03b47aba">
+<div class="tab-panel" data-tab-group="6be6cd012ee58037e5afc0353edfdd32">
   <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('2b90958d8754ac17acd77edb03b47aba','code')"
+      onclick="switchTab('6be6cd012ee58037e5afc0353edfdd32','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -291,13 +291,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="f6c5f27345dd32e98e78a8cd4c5eb7c5">
+<div class="tab-panel" data-tab-group="c29bafc86633e0134b120402ca838ce4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f6c5f27345dd32e98e78a8cd4c5eb7c5','emstrongmixedstrongem')"
+      onclick="switchTab('c29bafc86633e0134b120402ca838ce4','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -307,7 +307,7 @@
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -345,13 +345,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0c5699459ddfd7114141a06319dbc344">
+<div class="tab-panel" data-tab-group="8888beb7b91619f87f6827c31a2cd9f3">
   <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('0c5699459ddfd7114141a06319dbc344','just-colored-style')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -361,7 +361,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -371,7 +371,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','default-style-and-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style and color</span>
@@ -381,7 +381,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -391,7 +391,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -537,12 +537,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -699,13 +699,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index 20d5e93a11..61b10e2f1b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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="7f8f4c419506d082e09c65a98e7b4ae1">
+<div class="tab-panel" data-tab-group="07bba17d55f111a0abe44bfb64817ff7">
   <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('7f8f4c419506d082e09c65a98e7b4ae1','c')"
+      onclick="switchTab('07bba17d55f111a0abe44bfb64817ff7','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -205,13 +205,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="2b90958d8754ac17acd77edb03b47aba">
+<div class="tab-panel" data-tab-group="6be6cd012ee58037e5afc0353edfdd32">
   <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('2b90958d8754ac17acd77edb03b47aba','code')"
+      onclick="switchTab('6be6cd012ee58037e5afc0353edfdd32','code')"
     >
       <span>
         <span class="tab-nav-hidden">Code</span>
@@ -236,13 +236,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="f6c5f27345dd32e98e78a8cd4c5eb7c5">
+<div class="tab-panel" data-tab-group="c29bafc86633e0134b120402ca838ce4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f6c5f27345dd32e98e78a8cd4c5eb7c5','emstrongmixedstrongem')"
+      onclick="switchTab('c29bafc86633e0134b120402ca838ce4','mixed')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>Mixed</strong></em></span>
@@ -252,7 +252,7 @@
   </div>
   <div class="tab-content-container">
     <div
-      data-tab-item="emstrongmixedstrongem"
+      data-tab-item="mixed"
       class="tab-content tab-panel-style cstyle initial active">
       <div class="tab-content-text">
 
@@ -290,13 +290,13 @@
 </span></span><span class="line"><span class="cl"><span class="nx">This</span> <span class="nx">will</span> <span class="nx">set</span> <span class="nx">the</span> <span class="nx">background</span> <span class="nx">to</span> <span class="nx">a</span> <span class="nx">lighter</span> <span class="nx">version</span> <span class="nx">of</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">CSS</span> <span class="nx">color</span> <span class="nx">value</span> <span class="nx">and</span> <span class="nx">also</span> <span class="nx">affects</span> <span class="nx">the</span> <span class="nx">chosen</span> <span class="nx">icon</span><span class="p">.</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{&lt;</span> <span class="o">/</span><span class="nx">tabs</span> <span class="p">&gt;}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="0c5699459ddfd7114141a06319dbc344">
+<div class="tab-panel" data-tab-group="8888beb7b91619f87f6827c31a2cd9f3">
   <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('0c5699459ddfd7114141a06319dbc344','just-colored-style')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-colored-style')"
     >
       <span>
         <span class="tab-nav-hidden">just colored style</span>
@@ -306,7 +306,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','just-color')"
     >
       <span>
         <span class="tab-nav-hidden">just color</span>
@@ -316,7 +316,7 @@
     <button
       data-tab-item="default-style-and-color"
       class="tab-nav-button tab-panel-style cstyle default" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','default-style-and-color')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','default-style-and-color')"
     >
       <span>
         <span class="tab-nav-hidden">default style and color</span>
@@ -326,7 +326,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -336,7 +336,7 @@
     <button
       data-tab-item="severity-style-and-colorfa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('0c5699459ddfd7114141a06319dbc344','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('8888beb7b91619f87f6827c31a2cd9f3','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>
@@ -401,8 +401,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 26738e0a8d..e8323edfaa 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,13 +139,13 @@
 <p>This comes in handy eg. for providing code snippets for multiple languages.</p>
 <p>If you just want a single tab you can instead call the <a href="../../shortcodes/tab/"><code>tab</code> shortcode</a> standalone.</p>
 
-<div class="tab-panel" data-tab-group="dbe972793e475ac15f83fa3fba475ed7">
+<div class="tab-panel" data-tab-group="a4eab59040976554be4642471aca5cf1">
   <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('dbe972793e475ac15f83fa3fba475ed7','py')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -155,7 +155,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','sh')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -165,7 +165,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','c')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -322,13 +322,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="2d9a4a387733feaafcda3331682a6d52">
+<div class="tab-panel" data-tab-group="9ac863a5a140ba7d0a526630ae0c2737">
   <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('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-1')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -338,7 +338,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-2')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -348,7 +348,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-b')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -432,9 +432,9 @@
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -462,7 +462,7 @@
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -827,12 +827,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761670" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761670" defer></script>
-        <script src="../../js/search.js?1695761670" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -989,13 +989,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761670"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761670" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761670" defer></script>
-    <script src="../../js/theme.js?1695761670" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 336628ac46..ba3eaacf3e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../../js/url.js?1695761672"></script>
-    <script src="../../js/variant.js?1695761672"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../../js/url.js?1696103501"></script>
+    <script src="../../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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 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="dbe972793e475ac15f83fa3fba475ed7">
+<div class="tab-panel" data-tab-group="a4eab59040976554be4642471aca5cf1">
   <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('dbe972793e475ac15f83fa3fba475ed7','py')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','py')"
     >
       <span>
         <span class="tab-nav-hidden">py</span>
@@ -101,7 +101,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','sh')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','sh')"
     >
       <span>
         <span class="tab-nav-hidden">sh</span>
@@ -111,7 +111,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('dbe972793e475ac15f83fa3fba475ed7','c')"
+      onclick="switchTab('a4eab59040976554be4642471aca5cf1','c')"
     >
       <span>
         <span class="tab-nav-hidden">c</span>
@@ -268,13 +268,13 @@
 <p>See what happens to the tab views while you select different tabs.</p>
 <p>While pressing a tab of Group A switches all tab views of Group A in sync (if the tab is available), the tabs of Group B are left untouched.</p>
 
-<div class="tab-panel" data-tab-group="2d9a4a387733feaafcda3331682a6d52">
+<div class="tab-panel" data-tab-group="9ac863a5a140ba7d0a526630ae0c2737">
   <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('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-1')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-1')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 1</span>
@@ -284,7 +284,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-a-tab-view-2')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-a-tab-view-2')"
     >
       <span>
         <span class="tab-nav-hidden">Group A, Tab View 2</span>
@@ -294,7 +294,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('2d9a4a387733feaafcda3331682a6d52','group-b')"
+      onclick="switchTab('9ac863a5a140ba7d0a526630ae0c2737','group-b')"
     >
       <span>
         <span class="tab-nav-hidden">Group B</span>
@@ -378,9 +378,9 @@
       </span>
     </button>
     <button
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('tab-example-a','emstrongxmlstrongem-stuff')"
+      onclick="switchTab('tab-example-a','xml-stuff')"
     >
       <span>
         <span class="tab-nav-hidden"><em><strong>XML</strong></em> stuff</span>
@@ -408,7 +408,7 @@
 </div>
     </div>
     <div
-      data-tab-item="emstrongxmlstrongem-stuff"
+      data-tab-item="xml-stuff"
       class="tab-content tab-panel-style cstyle initial">
       <div class="tab-content-text">
 
@@ -692,8 +692,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 494aaa3af8..a450dbb6d3 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -127,14 +127,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-3aca50af73668d90d0b1acafc8a7b8dd" 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-3aca50af73668d90d0b1acafc8a7b8dd"><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-c901996b11bfe3aa4f5ba218437f434d" 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-c901996b11bfe3aa4f5ba218437f434d"><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-d4addec8dbbb9c7def8f0b26a19467d8" 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-d4addec8dbbb9c7def8f0b26a19467d8"><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-2fd87a9867992d5c834b9c3ad00127d3" 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-2fd87a9867992d5c834b9c3ad00127d3"><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-7f65d5a407be133a93a2843a2c6078f2" 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-7f65d5a407be133a93a2843a2c6078f2"><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-a9c272d9e5bbe78f6d766e34b37ea65d" 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-a9c272d9e5bbe78f6d766e34b37ea65d"><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">
 
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index e372a7fc20..59cf1de331 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761672" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761672" rel="stylesheet">
-    <link href="../css/fonts.css?1695761672" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761672" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761672" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761672" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761672" rel="stylesheet">
-    <link href="../css/print.css?1695761672" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1695761672" rel="stylesheet">
-    <link href="../css/ie.css?1695761672" rel="stylesheet">
-    <script src="../js/url.js?1695761672"></script>
-    <script src="../js/variant.js?1695761672"></script>
+    <link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103501" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103501" rel="stylesheet">
+    <link href="../css/fonts.css?1696103501" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103501" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103501" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103501" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103501" rel="stylesheet">
+    <link href="../css/print.css?1696103501" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1696103501" rel="stylesheet">
+    <link href="../css/ie.css?1696103501" rel="stylesheet">
+    <script src="../js/url.js?1696103501"></script>
+    <script src="../js/variant.js?1696103501"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,14 +81,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-3aca50af73668d90d0b1acafc8a7b8dd" 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-3aca50af73668d90d0b1acafc8a7b8dd"><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-c901996b11bfe3aa4f5ba218437f434d" 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-c901996b11bfe3aa4f5ba218437f434d"><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-d4addec8dbbb9c7def8f0b26a19467d8" 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-d4addec8dbbb9c7def8f0b26a19467d8"><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-2fd87a9867992d5c834b9c3ad00127d3" 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-2fd87a9867992d5c834b9c3ad00127d3"><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-7f65d5a407be133a93a2843a2c6078f2" 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-7f65d5a407be133a93a2843a2c6078f2"><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-a9c272d9e5bbe78f6d766e34b37ea65d" 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-a9c272d9e5bbe78f6d766e34b37ea65d"><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">
 
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../js/theme.js?1695761672" defer></script>
+    <script src="../js/clipboard.min.js?1696103501" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103501" defer></script>
+    <script src="../js/theme.js?1696103501" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 1d539e27b4..2a93a99905 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index d510650edd..5e7d408c66 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 199e27c43d..11c670aa3b 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 3e5f18916a..73dbd56e2a 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -357,13 +357,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/headless/index.html b/tags/headless/index.html
index 03cfd7c76e..55265f9a9a 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -360,13 +360,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 459c12d1a6..38202d1e29 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -365,13 +365,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index b9dca5508e..7aca9420a6 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../js/url.js?1695761670"></script>
-    <script src="../js/variant.js?1695761670"></script>
+    <link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../js/url.js?1696103499"></script>
+    <script src="../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,12 +226,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../js/search.js?1695761671" defer></script>
+        <script src="../js/auto-complete.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../js/search.js?1696103500" 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?1695761671"></script>
+          <script async src="../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../js/theme.js?1695761671" defer></script>
+    <script src="../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index d9ad55dd36..93e9943b4e 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,12 +206,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761671" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761671" defer></script>
-        <script src="../../js/search.js?1695761671" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -368,13 +368,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761671"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761671" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761671" defer></script>
-    <script src="../../js/theme.js?1695761671" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index ecbcb20c41..ed9c1e9312 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?1695761670" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1696103499" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1695761670" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1695761670" rel="stylesheet">
-    <link href="../../css/fonts.css?1695761670" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1695761670" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1695761670" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1695761670" rel="stylesheet" id="R-variant-style">
-    <link href="../../css/variant.css?1695761670" rel="stylesheet">
-    <link href="../../css/print.css?1695761670" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1695761670" rel="stylesheet">
-    <script src="../../js/url.js?1695761670"></script>
-    <script src="../../js/variant.js?1695761670"></script>
+    <link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1696103499" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1696103499" rel="stylesheet">
+    <link href="../../css/fonts.css?1696103499" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1696103499" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1696103499" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1696103499" rel="stylesheet" id="R-variant-style">
+    <link href="../../css/variant.css?1696103499" rel="stylesheet">
+    <link href="../../css/print.css?1696103499" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1696103499" rel="stylesheet">
+    <script src="../../js/url.js?1696103499"></script>
+    <script src="../../js/variant.js?1696103499"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1695761672" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1695761672" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1695761672" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1695761672" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1695761672" defer></script>
-        <script src="../../js/search.js?1695761672" defer></script>
+        <script src="../../js/auto-complete.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1696103500" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1696103500" defer></script>
+        <script src="../../js/search.js?1696103500" defer></script>
       </div>
       <div id="R-homelinks" class="default-animation">
         <hr class="padding">
@@ -357,13 +357,13 @@
               setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1695761672"></script>
+          <script async src="../../js/github-buttons.js?1696103500"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1695761672" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1695761672" defer></script>
-    <script src="../../js/theme.js?1695761672" defer></script>
+    <script src="../../js/clipboard.min.js?1696103500" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1696103500" defer></script>
+    <script src="../../js/theme.js?1696103500" defer></script>
   </body>
 </html>